Home
XerosLab
Cancel

React에서 페이지를 이동하는 방법

React에서 페이지 이동 일반적으로 HTML에서는 페이지를 이동할 때 <a> 태그에 href를 이용하여 이동합니다. 하지만 React의 JSX에서는 Link 컴포넌트를 이용하여 페이지 이동을 구현합니다. <a>태그가 href속성으로 이동 경로를 지정한다면, <Link> 컴포넌트는 to속성으로 prop을 통해 이동...

Node.js 디렉토리를 생성하는 방법

개별 디렉토리의 경우: var fs = require('fs'); var dir = './tmp'; if (!fs.existsSync(dir)){ fs.mkdirSync(dir); } 중첩 디렉토리의 경우: var fs = require('fs'); var dir = './tmp/but/then/nested'; if (!fs.exis...

CSS 요소를 원하는 위치에 정렬하는 방법

요소 가운데 정렬 .Element { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }

JavaScript 기본 문법 요약

JavaScript 기본 문법 요약 외우기 쉽지 않아 자칫하면 실수할 수 있는 부분을 중심으로 요약해 보도록 하겠습니다. 코드 구조 여러 개의 구문은 세미콜론을 기준으로 구분할 수 있습니다. console.log('Hello'); console.log('World'); 줄 바꿈도 여러 개의 구문을 구분하는 데 사용되므로 아래 코드는 정상적으...

JavaScript의 화살표 함수

화살표 함수 기본 함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법이 있습니다. 바로 화살표 함수(arrow function)를 사용하는 것입니다. 화살표 함수라는 이름은 문법의 생김새를 차용해 지어졌습니다. let func = (arg1, arg2, ...argN) => expression 이렇게 코드를 작성하면 인자...

JavaScript의 함수 표현식

함수 표현식 자바스크립트는 함수를 특별한 종류의 값으로 취급합니다. 다른 언어에서처럼 “특별한 동작을 하는 구조”로 취급되지 않습니다. 일반 함수는 다음과 같은 함수 선언(Function Declaration), 함수 선언문 방식으로 함수를 만들었습니다. function sayHi() { console.log( "Hello" ); } 함수...

JavaScript의 함수

함수 스크립트를 작성하다 보면 유사한 동작을 하는 코드가 여러 곳에서 필요할 때가 많습니다. 사용자가 로그인이나 로그아웃을 했을 때 안내 메시지를 보여주는 동작 같은 경우 말이죠. 함수는 프로그램을 구성하는 주요 ‘구성 요소(building block)’입니다. 함수를 이용하면 중복 없이 유사한 동작을 하는 코드를 여러 번 호출할 수 있습니다. ...

JavaScript의 switch문

switch문 복수의 if 조건문은 switch문으로 바꿀 수 있습니다. switch문을 사용한 비교법은 특정 변수를 다양한 상황에서 비교할 수 있게 해줍니다. 코드 자체가 비교 상황을 잘 설명한다는 장점도 있습니다. 문법 switch문은 하나 이상의 case문으로 구성됩니다. 대개 default문도 있지만, 이는 필수는 아닙니다. switc...

JavaScript의 while과 for 반복문

while과 for 반복문 개발을 하다 보면 여러 동작을 반복해야 하는 경우가 종종 생깁니다. 상품 목록에서 상품을 차례대로 출력하거나 숫자를 1부터 10까지 하나씩 증가시키면서 동일한 코드를 반복 실행해야 하는 경우같이 말이죠. 반복문(loop) 을 사용하면 동일한 코드를 여러 번 반복할 수 있습니다. while 반복문 while 반복문의 ...

JavaScript의 null 병합 연산자

null 병합 연산자 “??” 최근에 추가된 문법 스펙에 추가된 지 얼마 안 된 문법입니다. 구식 브라우저는 폴리필이 필요합니다. null 병합 연산자(nullish coalescing operator) ??를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 “확정되어있는” 변수를 찾을 수 있습니다. a ?? b의 평과 결과는 다음과 같...