천 줄 코딩도 한 삽질 부터

훅(Hook)? 리액트 16.8 버전에 새로 도입된 기능으로, 기존 클래스형 컴포넌트에서 사용하던 기능을 함수형 컴포넌트로 사용할 수 있게 해 준다. Hook이 등장한 이후로는, 클래스형 컴포넌트를 사용할 이유가 정말 단 하나도(...) 없다고 하며 새로 만드는 리액트 프로젝트라면, 클래스형 컴포넌트를 지양하고 Hook으로 만드는 것이 정석(?)이다. 책을 보고 공부하며, 소스코드에 있는 Hook들이 바로바로 나오지 않아 책을 보며 다시 한번 정리해 봅니다. useState state 관리, 가변적인 상태를 지닐 수 있게 함 import React, { useState } from "react"; function Example() { const [count, setCount] = useState(0); ..

리액트에서 node-sass를 설치하고 scss 파일을 불러오면 아래와 같은 오류가 발생한다. Node Sass version 5.0.0 is incompatible with ^4.0.0. 역시 스택오버플로우 형님들은 답을 알고있었다.. stackoverflow.com/questions/64625050/error-node-sass-version-5-0-0-is-incompatible-with-4-0-0 Error: Node Sass version 5.0.0 is incompatible with ^4.0.0 I've created a blank React project, using the command: npx create-react-app on npm v7.0.7 and Node v15.0.1 Insta..

스택이란 Stack은 Abastract Data Type으로, 추상 자료형으로 분류됩니다. Stack은 기본적으로 후입선출 자료구조이고, FILO라고도 이야기하는데, 여기서 FILO는 F : First I : In L : Last O : Out 말 그대로 먼저 들어온 놈이 먼저 나간다! 입니다 많이 사용하는 비유로 박스 쌓기를 사용하는데, 글 정리를 위해 검색 중 딱 맞는 비유를 찾았습니다. 바로 프링글스! 프링글스를 하나씩 꺼내서 먹는다고 할 때, 우리는 통에 가장 늦게 들어간 칩을 먼저 먹게 되는데, 가장 늦게 들어간 자료를 먼저 꺼내서 쓰고, 가장 먼저 들어간 자료는 가장 마지막에 꺼내서 쓰게 되는 점이 스택 자료구조와 동일합니다. 연산 방법 스택에 데이터를 넣을 때는 push, 스택에서 데이터를 ..