이것저것

State & Component 사용하기 목차 1. component에 대한 이해 2. state·props에 대한 이해 3. component의 효율적 활용 실습 Component 란? 앱을 이루는 최소한의 단위 - UI는 재사용 가능한 개별적인 여러 조각으로 나누고 각 조각을 개별적으로 나누어 코딩 - props 혹은 state 값을 입력 받아 DOM 노드 생성 -이름은 항상 대문자 > 소문자로 시작하는 컴포넌트는 DOM 태그로 취급 UI를 조각으로 나눈 컴포넌트에 대해서 직관적으로 이해해보자 이 인스타 페이지에서는 검색 컴포넌트, 프로필 컴포넌트, 스토리 컴포넌트, 포스터 컴포넌트로 크게 나눠볼 수 있다 컴포넌트를 분리해서 개발을 진행할 경우 각 사람들이 특정 컴포넌트를 담당하고 개발하기 때문에 동..

Inline Style html에서 태그 안에서 스타일 속성을 추가한 것과 같다 아주 작은 차이점이 있는데 제일 먼저 style 속성에 들어가는 값은 객체 형태여야 한다 그리고 css 속성 이름이 camel case로 작성되어 있다는 차이점이 있다 모든 하이픈을 빼고 하이픈 뒤 문자를 대문자로 바꾸면 된다 * Camel Case : 단어가 합쳐진 부분마다 맨 처음 글자를 대문자로 표기하는 방법 두 개 이상의 단어가 모인 합성어에서 사용됨 터미널에서 yarn start 를 타이핑하면 됨 그런데 같은 스타일의 태그가 늘어나면 코드 재사용성이 떨어진다 그래서 스타일 값에 들어갈 객체를 미리 선언하여 사용할 수 있다 이렇게 인라인 스타일을 할 수 있고 기존의 css 파일의 별도로 작성해서 적용하는 방식도 사용할..

REACT 기초 1. 리액트가 무엇인지 2. yarn 3. 리액트 업계 hello world. 4. 리액트 꿀팁 REACT : 유저 인터페이스를 만들기 위한 자바스크립트 라이브러리 * 오픈소스 라이브러리 UX : User Experience (사용자 경험) - 사용자가 서비스를 이용하면 겪는 모든 이용 경험 UI : User Interface (사용자 인터페이스) - 사용자가 경험을 할 때 직접 상호작용을 한 부분 프레임워크 : 뼈대, 골조, 소프트웨어의 설계와 구현을 위한 상호 협력하는 클래스와 인터페이스의 집합 라이브러리 : 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임 (이미 만들어진 기능들의 집합의 느낌이다) 프레임워크 : 전체 설계와 구현을 주도 라이브러리 : 불려 와 ..