썬이의 IT세상

React에서 말하는 Hook은, React 버전 16.8부터 React 요소로 새로 추가되었다. Hook을 이용하면, 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있다. // 그렇다고 React로부터 Class를 제거하지는 않고, 존재하는 코드와 함께 나란히 작동한다고 공식문서에 나와있다. 일단 리액트 훅을 이해하기 위해서는 Side Effect의 개념을 알아야 한다. side effect를 알아야 React hook 개념이 이해가 되고, 그 hook 안에 useState, useEffect가 속해있는 것이다. ◼ Side Effect React Component가 화면에 1차로 랜더링 된 이후에, 비동기로 처리되어야 하는 부수적인 효과들을 흔히 Sid..

개발 지식을 쌓다보면 자연스레 접하게 되는 스택(Stack), 큐(Queue). 개발자라면 무조건 알아야하는, 아주 중요한 데이터 구조인데 사실 이들은 실제로 프로그래밍 언어들에서 존재 하지 않는, 일종의 '규칙'이다. ◼ 스택(Stack) 스택은 차곡차곡 쌓아 올린다는 것을 의미하는 단어이다. 즉, 자료구조에서 말하는 스택은 위의 이미지처럼 차곡차곡 쌓아 올린 형태의 자료구조를 말하며, 시간 순서에 따라 자료가 쌓여서 가장 마지막에 삽입된 자료가 가장 먼저 삭제된다는 구조적 특징을 가진다. 이러한 스택의 구조를 후입선출(LIFO : Last-In-First-Out) 구조라고 한다. ◼ 스택의 활용 예시 - 웹 브라우저 방문 기록 / 뒤로 가기 : 가장 나중에 열린 페이지부터 다시 보여준다. - 역순 문..

템플릿 리터럴(Template literals) 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다. 더 살펴보자면 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공한다. 템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 처리/변환된다. 템플릿을 좀 더 쉽게 편집하고 작성하기 위해 추가된 기능이나, 자체적으로 지원하기 전에도 라이브러리로 존재했던 기능이다. 템플릿 리터럴은 따옴표('' or "") 대신 백틱(``) 으로 감싸준다. Usage `text / 텍스트 입니다.` `줄바꿈 1 줄바꿈 2` /* 출력 : `줄바꿈 1 줄바꿈 2` */ const temp = 'test' console.log(`${temp} test`) // 출력 : test ..

Yarn Install 을 하기 위해 터미널에 npm install -g yarn 입력 시 에러가 날 경우 sudo npm install -g yarn 명령어를 이용해 yarn을 설치하는 경우, 위의 이미지처럼 출력되어 난감한 경우가 있다. 당황하지 말고 사용자 계정의 패스워드를 입력한 후 엔터를 치면 해결된다.

컴퓨터가 받아들이는 모든 정보는 0 또는 1로 변환되어 메모리에 저장된다. 이 때, 메모리에 있는 이진수(Binary)의 한 자리를 '비트(Bit)' 라고 한다. 앞서 말했듯 컴퓨터의 정보를 비트로만 설정한다면, 0 또는 1의 정보만 구분할 수 있다. 그래서 훨씬 다양한 데이터를 표현하기 위해 여러 비트를 묶어 정보를 나타낼 수 있다. 예를 들어, 1Bit는 0과 1. 2가지를 나타내지만, 2Bit는 00,01,10,11 총 4가지(2의 2제곱)의 표현을 할 수 있으며, 이런 식으로 비트의 수에 따라 2의 n제곱의 정보를 표현할 수 있다. 데이터를 나타내는 최소의 단위를 비트라고 정의한 것처럼, 비트에 따라 정의한 단위가 있다. '바이트(Byte)'는 8개의 비트를 나타낸 것으로, 말 그대로 1바이트에 ..