본문 바로가기

FE54

static routing & dynamic routing routing 명사로 여정, 전달, 발송절차를 뜻한다. static routing과 dynaminc routing을 직역하면 정적 전달, 동적 전달이다. static routing은 전달 방법와 주소가 정확히 정해져 있고, dynaminc routing은 전달 방법와 주소가 때마다 달라질 수 있는 방식이다. 여기서는 네트워크보다는 프론트엔드, 그리고 리액트를 확장팩격인 nextjs를 사용할 때 사용 방식을 위주로 정리한다. static routing static routing은 매우 간단하다. 우리가 만든 폴더가 주소다. http://도메인.닷컴/0boards/new와 같이 되어 있다면 실제 리액트에서는 아래 사진과 같은 폴더 구조를 가진다. 따라서 개발자가 폴더 이름이나 폴더 구조를 바꾸지 않는 이상 .. 2022. 9. 19.
React state, prev & props, children 별도 상태관리 라이브러리를 사용하지 않는다면 리액트에서 함수 다음으로 많이 사용하는 게 바로 state인 듯하다. 모달을 열고 닫을 때나, 어떤 값을 저장하고 뺄 때나, 특정 변화를 자식 컴포넌트에서 작동 시키고 싶을 때 등 state가 항상 쓰인다. state는 값을 저장하는 변수와 저장 값을 업데이트할 수 있는 함수가 한쌍으로 이뤄져있다. 한 단어로 말한다면 상태관리기능이다. 리액트에서는 이를 hook이라 부른다. (hook은 특정 기능을 수행하는 함수 또는 기능 모음을 가리키는 리액트 용어다.) state는 말로 설명하기보다 코드로 보는 게 이해가 빠르므로 코드부터 보자. useState import { useState } from "react"; export default function Coun.. 2022. 9. 17.
Javascript vs Typescript 자바스크립트를 공부하거나, 자바스트립트에 대한 이야기를 누군가 나눈다면 필수로 듣게 되는 말이 타입스크립트다. 그만큼 핫하고 중요한 포지션으로 자리잡고 있다는 뜻이다. 리액트를 통해 jsx가 익숙해지니 타입스크립트로 변환해 코드를 안정시킬 필요가 있다고도 여러 사람이 말한다. 그래서 타입스크립트는 무엇인지 자바스크립트와의 차이점은 무엇인지 정리해본다. typescript 일단 타입스크립트는 자바스크립트의 슈퍼셋 언어다. 타입스크립트가 자바스크립트를 품고 있다는 말이다. 자바스크립트 엔진을 사용하기 때문에 자바스크립트로 작성된 프로그램이라면 타입스크립트로도 동작한다. 마이크로소프트가 2012년 처음 공개했고, 2017년 구글에서 공식 언어로 채택하며 전세계적으로 사용빈도가 높아졌고, 최근엔 거의 필수 아니.. 2022. 9. 16.
null & undefined 어떤 언어든 프로그래밍을 배운다면 항상 이 두가지는 언급하는 듯하다. 0, null, false, undefined 등... 없는거나 무의식에선 거짓이나 같은게 아닌가 하고 넘어가게 만드는 값들이다. 이중 null과 undefined가 최정점에 있다. 두 값의 공통점과 차이점을 짧게 정리한다. 공통점 1. 자바스크립트를 이루는 원시 값 중 하나다. 2. 불리언 연산에서 거짓으로 취급한다. console.log(Boolean(undefined)) // false console.log(Boolean(null)) // false console.log(null==undefined) // true 차이점 1. null은 '없는' 값이고, undefined는 '존재하지 않는' 값이다. console.log(null.. 2022. 9. 15.
let, const, var 자바스크립트를 배우다보면 자주 듣는 말중 하나가 자바스크립트는 자유로운(유연한) 언어라는 거다. 조금 더 나아가면 지멋대로인 언어라는 표현도 있다. 아무래도 C언어 같이 다른 언어에 비해 자료형을 정확히 기재하지 않아도 사용할 수 있기 때문이다. 이 중심에 var이 있었다. var은 ES5까지 주로 쓰였던 변수 선언인데, 자바스크립트를 자유롭게 하는 선언이면서 반대로 얽매는 선언이었다. 이를 보완하고자 나온 게 let과 const다. var, let, const를 하나씩 살펴보자. var var는 자바스크립트가 태어나 ES5까지 메인으로 쓰였다. 모든 선언은 전부 var이였기 때문. 함수든 클래스든 어디든 자바스크립트는 var 하나로 모든 변수 선언이 가능했다. 그러나 독특한 특징 때문에 발목을 잡히기도.. 2022. 9. 14.