전체 글

[React] Props & State

State State란 말 그대로 컴포넌트의 상태 값이다 State와 Props는 둘 다 object 이거, 화면에 보여줄 정보 즉, 상태를 가지고 있다는 점에서 서로 비슷한 역할을 한다. props는 컴포넌트를 사용하는 부모쪽에서 전달해야만 사용할 수 있고 (함수의 parameter 처럼) 읽기전용이다. state는 컴포넌트 내에서 정의하고 사용하며 업데이트 할 수 있다 state는 변수 대신 쓸 수 있는 데이터 저장공간이다. useState()를 이용해 사용해야한다 useState[a,b]에서 a는 state 데이터, b는 state 데이터 변경 함수이다 state에 데이터를 저장해놓는 이유 웹이 앱처럼 동작하게 만들고 싶어서 state는 변경되면 HTML이 자동으로 재렌더링 된다 HTML이 새로고침..

[React] Component

Component (컴포넌트) 재사용 가능한 각각의 독립된 모듈 재사용 가능한 UI 구성 단위 동일 코드가 반복되는 부분을 하나의 component로 만들어 같은 디자인의 input이 필요한 곳마다 재사용할 수가 있으며, 컴포넌트를 하나만 만들고 여기저기서 재사용하면, 디자인이 바꼈을 때 css 한줄만 수정하면 바뀐 디자인이 모두 반영될 것이다 컴포넌트는 독립적으로, 재사용 가능한 코드로 관리할 수 있다. 하나의 컴포넌트에 필요한 html, css, js(모듈)를 모두 합쳐서 만들 수 있다 컴포넌트는 함수랑 비슷하다. 함수도 기능이 독립적이고 한 번 선언해 두면 필요할 때 마다 호출하면서 재사용하기 때문이다. React 컴포넌트에서는 input을 props라고 말하고 return은 화면에 보여져야할 Re..

[React] React?

Why React? 2013년 Facebook에서 개발한 JavaScript Library “지속적으로 데이터가 변화하는 대규모 애플리케이션 구축하는 것"을 목푤로 개발 Angular, Vue 등의 다른 프레임워크와는 달리 리액트는 오로지 View만 담당하는 라이브러리 그만큼 내장되어 있는 기능이 부족해 third-party 라이브러리 (ex. react-router-dom, redux)를 함께 사용한다 자기만의 문법을 가진 Angular, Vue와 달리 자바스크립트 문법을 그대로 사용 오픈소스 프로젝트이면서 페이스북의 지속적인 관리가 이루어지고 있음 많은 사용자수를 기반으로 생태계가 활성화 되어있음 컴포넌트를 비교적 더 단순하고 간단하게 정의할 수 있음 React Navtive 등의 웹이 아닌 플랫폼에..

[GIT] Git이란?

GIT(깃)은 2005년 리누스 토르발스에 의해 개발된 ‘분산 버전관리 시스템(Distributed Version Control Systems)으로, 원래는 Linux 소스코드를 관리할 목적으로 만들어졌지만 컴퓨터 파일의 변경사항을 추적하고 여러 사용자들 간에 해당 파일 작업을 조율하기 위한 대표적인 버전 관리 시스템(VCS)이다 즉, 주로 여러명의 개발자가 하나의 소프트웨어 개발 프로젝트에 참여할 때, 소스 코드를 관리하는데 사용된다 버전관리가 왜 필요한가 보면은, 각 버전의 파일을 복사, 저장, 백업하는 버전 관리의 하나의 방법이가도 하지만, 어느것이 가장 최근의 파일인지 보기 어렵고 비효율적인 문제가 있기 때문에 버전관리를 통해 각 파트별로 만든 파일을 본 파일에 합치는 과정을 돕는 시스템이다 SV..

[JavaScript] Map Object (맵)

자바스크립트에서 map은 두 가지이다 1. Array.prototype.map() : 특정 배열 내 모든 요소에 대해 각각 함수를 적용하고, 새로운 배열로 만들어서 반환한다. 이때 원본 배열에는 영향을 주지 않는다 2. Map : Java의 HashMap와 같은 key:value로 이루어진 자료구조 자바스크립트를 공부하다가 Map이 Java와는 다른 걸 느꼈다. Java에서 Map 객체는 키-값을 쌍으로 저장하며 각 쌍의 삽입 순서도 기억하는 콜렉션이다. 아무 값이라도 키와 값으로 사용할 수 있다. 즉, key:value 형식으로 저장되며, key 값을 사용하여 해당 key에 맞는 value값을 가져올 수 있다 let max = new Map(); // set으로 맵 객체에 삽입 max.set("id",..

[JavaScript] Replit (21-25)

[과제 21] 날짜와 시간 Assignment 미국을 비롯해 전세계 대부분의 나라들이 생일을 기준으로 나이를 계산 합니다. 쉽게 말해 미국은 태어나자마자 0살이고 생일을 지나야 비로소 한 살이 됩니다. 반면에 한국은 태어나자마자 1살이고 연도가 바뀔 때마다 한 살씩 먹습니다. 예를 들어 미국에서는 1995년 9월 12일에 태어났으면 1995년 9월 12일에는 0살이고 1996년 9월 12일이 되야 1살이 됩니다. 그에 비해 한국에서는 1995년 9월 12일에 태어나자마자 1살이고 1996년 1월 1일에 2살이 됩니다. 1살 차이도 크게 생각하는 우리나라 고유의 문화에 비롯한 계산법이 아닌가 추측해 봅니다. 미국이나 다른 나라가 사용하는 나이 계산법은 우리나라에서는 만 나이 라고 하죠. 앞서 말한 만으로 ..