개발자를 향해...

수강한 강의- Minjun Kim님의 누구든지 하는 리액트 누구든지 하는 리액트 www.youtube.com Props와 State Props props는 부모 컨포넌트가 자식 컴포넌트에게 값을 전달할 때 사용한다. 컴포넌트 생성시 이를 불러와서 사용할 수 있다. 컴포넌트를 렌더링할 때 전달할 때 처럼 value가 하나의 props이다. 부모가 자식에게 넘겨주는 것이다. 만약 부모 컴포넌트에서 name값을 넣어주지 않으면 황유진의 자리에 '기본 이름'이라는 default값이 들어간다 이 코드는 아래처럼 컴포넌트 밖으로 뺄 수 있다. props 전달의 또다른 방식으로 함수형 컴포넌트는 단순히 props만 가져와 보여주기만 하는 경우 사용한다. 예시는 아래와 같다. 함수형 컴포넌트 방식은 import에서 더..

본 글은 강의- Minjun Kim님의 누구든지 하는 리액트를 수강하면 작성되었습니다. 누구든지 하는 리액트 #5 본격적인 리액트 코드 작성하기 ~ webpack - 코드를 의존하는 순서대로 잘 합쳐서 여러개의 파일로 결과물을 만들어냄 - 예를들어 자바스크립트 파일에서 png를 사용하겠다로 import를 하면 번들링 작업을 하게 되는데 이때 특정 확장자마다 어떤 작업을 하도록 처리해준다. 빌드시 사용 경로가 문자열로 들어온다 - 자바스크립트를 여러 브라우저에서 쓸 수 있게해줌 Babel - 자바스크립트 변환 도구이다. React class 사용법 React를 만들 때에는 'react'에서 React를 import해야한다. 컴포넌트는 함수로 만들거나 클래스로 만들어주어야한다. class App extend..

본 글은 강의- Minjun Kim님의 누구든지 하는 리액트를 수강하면 작성되었습니다. #1 프론트엔드 라이브러리 Angular - 다양한 기능이 내장됨, 버전 1은 기업에서도 많이 사용됨 - 새로운 버전은 인지도측면에서 성장하는 단계임 - typescript 사용이 기본 React - 프레임워크가 아님 - 한가지 방식을 해결하기 위해 여러가지 솔루션들이 있음 Vue - cdn으로 불러와서 사용하는 형태로 자주 이용됨 - ㅇanguler처럼 디렉티브 기능이 있다 - virtual 기반 컴포넌트도 있다 Virrual DOM - MVC, MVVM, MVW 등을 사용하던 기존 웹 프레임워크/라이브러리의 공통점들은 Model이라는 것이다.(양방향 바인딩) -변화에 따라 어떤 돔을 가져와 변화를 가져올지 - 가상..

보호되어 있는 글입니다.