stuckon__Mars

비전공자이기 때문에 it용어 지식이 부족하다고 항상 생각했다. 정의를 줄줄 읊지는 못하더라도 다른 사람들과 대화할 수준의 지식은 갖추고 싶었다.  표지에도 적혀있듯 비유와 이야기로 마치 옛날 이야기하듯 it개념을 알려준다. 덕분에 지루해하지 않고 9일 만에 다 읽었다. 자기 전에 세, 네 챕터씩 가볍게 읽을 수 있어서 좋았다. 적절한 이미지와 귀여운 일러스트가 많아서 처음 보는 용어에 관한 설명도 쉽게 읽을 수 있었다.  이진법, 컴퓨터파일, 웹처럼 아주 기본적인 개념부터 자바스크립트, API, 데이터베이스 등 실무에서 사용하는 기술 설명도 있다. 한 분야를 집중적으로 배우고 싶은 사람보다는 it지식을 가볍고 다양하게 알고 싶은 사람에게 추천한다.  프로젝트를 진행하면서 라이브러리와 프레임워크의 개념이 ..

🎠useState의 이론과 예시를 공부한다.1. useState의 정의컴포넌트에 state변수를 추가할 수 있는 React Hookconst [ state, useState ] = useState(initialState) 2. useState 사용법1. 컴포넌트에 state 추가하기 - 컴포넌트의 최상위 레벨에서 useState를 호출하여 하나 이상의 state 변수 선언import { useState } from 'react';function MyComponent() { const [ age, setAge ] = useState(42); const [ name, setName ] = useState('Taylor');- useState는 두 개 항목이 있는 배열을 반환한다.  첫 번째 항목 : 현..

🎠 리액트 훅의 개념을 정리하고 리액트에서 어떻게 쓰이는지 알아보고자 한다.1. React Hook(리액트 훅)의 정의Hook은 React 16.8에 새롭게 추가된 기능이다.class를 작성하지 않고 state와 다른 React 기능들을 사용할 수 있게 해준다.함수 컴포넌트에서 React state와 생명주기 기능(lifestyle features)을 연동(hook into)해준다. 2. Hook 사용 규칙최상위(at the top level)에서만 호출해야 한다.- 반복문, 조건문, 중첩된 함수 내에서 훅을 실행하면 안된다.React 함수 컴포넌트 내에서만 호출해야 한다.- 일반 자바스크립트 함수에서 훅을 호출하면 안된다.3. Hook 예시내장된 Hooks를 사용하거나 Hooks를 결합하여 직접 빌드..

🎠 리액트가 무엇인지, 왜 프론트에서 사용되는지 알기 위해 리액트의 개념을 정리하고자한다.1. 리액트의 정의사용자 인터페이스를 위한 자바스크립트 라이브러리- "컴포넌트"라고 불리는 작고 고립된 코드의 파편을 기반으로 복잡한 UI를 구성하도록 돕는다.- 선언형 : 상호작용이 많은 UI르 만들 때 생기는 어려움을 줄여준다. 데이터가 변경되면 React는 적절한 컴포넌트만 효율적으로 갱신하고 렌더링한다.- 빠르고 확장 가능한 웹 앱을 구축하는데 도움을 준다.- 사전 빌드된 구성 요소가 제공되지 않아 처음부터 React 앱 구성 요소를 만들어야 한다.🔔라이브러리란?미리 작성된 코드 그룹으로 작업을 쉽게 완성시켜 준다. 재사용 할 수 있는 기능을 미리 구현한 후 필요한 곳에서 호출될 수 있도록 만들어진 도구의..