Sam Story

오늘은 프론트 작업을 하다가 사용하게된 Router에 대해서 포스팅 해보려 한다. 1. Router 란?Router에 대해 알아보기전에 간단하게 라우팅(Routing)이란 개념을 알고 있어야 한다.우리가 웹사이트를 이용하다보면 주소창에 " https://samtistory.tistory.com/70 " 처럼도메인 뒤에 경로( "/1" 과 같은)가 붙은 경우를 자주 볼 수 있다.이렇게 경로를 통해 어떤 페이지를 보여줄 것인가를 결정하는걸 라우팅이라고 한다. 즉, "현재 내가 어떤 화면(혹은 파일)에 위치해 있는가?"를 알려주는 역할을 하며, 라우팅을 담당하는 도구가 바로 Router이다. 2. 왜 Router 를 쓰는가?프로젝트를 진행하다 보면 여러 화면을 구성해야 하는 상황이 자주 생긴다.이럴 때 단순히..

오늘은 통신 라이브러리 중 하나인 Axios에 대해서 간단히 포스팅 해보려 한다. Axios 란?Axios는 브라우저 용 promise 기반 HTTP 클라이언트 이다.간단히 말해 서버와 데이터를 주고받을 수 있게 도와주는 라이브러리이다. *여기서 Promise 기반 이란?Promise는 비동기 작업의 결과(성공/실패)를 다루는 JavaScript 객체이다.예를 들어, 서버에서 데이터를 받아오는 시간이 걸리는 작업을 처리할 때 유용하게 쓰인다. 그렇다면 Promise 기반 이란건 어떤 의미일까예시코드를 통해서 좀 더 간단하게 이해해보자. axios.get('https://api.Sam-Shop.com/상품정보') 이 코드는 택배를 주문한것(요청)과 같다.바로 결과(상품)가 나오는게 아니라 결과값이 올 때까..

오늘은 node.js 백엔드 기초에 대해서 포스팅 해보려고 한다. express framework를 이용해서 간단한 예제를 진행해보려고 한다. 먼저 npm(node package manager) 사이트에 들어가서 express를 검색해보면 module의 소개와 간단한 예제코드가 굉장히 잘 작성되어 있어서쉽게 적용할 수 있다고 생각된다. 먼저 터미널을 통해서 express를 설치해보도록 하자.npm i express 사이트에 있는 install 명령어를 터미널에 입력하게 되면 바로 설치가 가능하다. 설치 완료 메시지와 함께 express module을 사용할 준비가 완료되었다. module 페이지에 있는 예제 코드이다.이 코드를 그대로 작동시켜보자.import express from 'express'con..

오늘은 Java Stream에 대해서 간단하게 포스팅 해보려 한다.  Stream 이란?다양한 데이터 소스(Collection , 배열)를 표준화된 방법으로 다루기 위한 것데이터의 연속적인 흐름을 Stream 이라고 한다. 컬렉션(Collection), 배열(Array) 등의 데이터를 함수형 스타일로 처리할 수 있도록 도와주는 기능이다.기존의 반복문(Loop) 기반 처리보다 간결하고 가독성이 좋으며, 병렬 처리도 쉽게 할 수 있다. Collection의 요소인 List,Set,Map 등 같은 Collection 이지만 연산하는 방법이 전부 다르다.이러한 요소들을 Stream을 통해서 연산이 가능하다는 것이다. Stream의 특징먼저 Stream은 중간연산과 최종연산으로 구성되어 있다. ● 중간연산 : 연..