![]()
이 글은, 노마드코더의 "ReactJS로 영화 웹 서비스 만들기"를 공부한 내용을 수강자 입장에서 필기한 것으로, 다소 불친절한 설명이 있을 수 있음을 미리 알립니다. 함수들을 function component라고 칭한다. React.Component를 상속한 App 클래스 생성. React Component는 자동적으로 render메소드를 실행한다. 동시에 state라는 오브젝트를 가지고 있다. 여기에는 계속 변하는 데이터가 들어가게 된다. state는 무엇인가? 컴포넌트 내부에서 자체적으로 읽고, 업데이트할 수 있는 값을 사용하기 위해 state가 존재한다. 모든 리액트 컴포넌트 안에 존재할 수 있는 오브젝트이다(필수는 아니므로 없어도 된다) 컴포넌트 내 state가 변경될때마다 해당 컴포넌트는 다시..
![]()
이 글은, 노마드코더의 "ReactJS로 영화 웹 서비스 만들기"를 공부한 내용을 수강자 입장에서 필기한 것으로, 다소 불친절한 설명이 있을 수 있음을 미리 알립니다. 우리가 보낸 component 인자가 제대로 전달되었는지 확인하는 방법 List에 rating항목을 추가한다. const foodILike = [ { id: 1, name: "Kimchi", image: "http://aeriskitchen.com/wp-content/uploads/2008/09/kimchi_bokkeumbap_02-.jpg", rating: 5, }, { id: 2, name: "Samgyeopsal", image: "https://3.bp.blogspot.com/-hKwIBxIVcQw/WfsewX3fhJI/AAAAAAA..
소프트웨어 개발에서 대부분의 작업은 정형화되어 있다. 자바 애플리케이션 개발을 예로 들면 다음과 같은 일련의 작업이 필요하다. • 소스 코드(.java)를 컴파일해서 클래스 파일(.class)을 생성한다. • 코딩 규약에 맞게 작성했는지 확인한다. • 코드를 정적으로 해석한다. • 테스트를 하고 테스트 결과나 커버리지 측정 결과를 리포트로 출력한다. • Javadoc과 같은 문서를 작성한다. • 클래스 파일과 리소스 파일을 패키징해서 압축 파일을 만든다(.jar나 .war 파일). • 압축 파일을 테스트 환경이나 스테이징staging 환경에 배포한다. • 압축 파일을 저장소에 등록한다.루비Ruby 같은 스크립트 언어의 경우 컴파일은 필요 없지만, 테스트 실행, 패키징, 배포와 같은 정형화된 작업은 필요하..
![]()
이 글은, 노마드코더의 "ReactJS로 영화 웹 서비스 만들기"를 공부한 내용을 수강자 입장에서 필기한 것으로, 다소 불친절한 설명이 있을 수 있음을 미리 알립니다. Array.Map map은 function을 취해서 각 아이템에 적용해. friends = ["dal", "mark", "lynn", "japan guy" ] friends.map(function(current) {console.log(current); return 0 }) friends.map(current => {console.log(current); return 0 }) 위 두 문장은 같은 동작을 수행함. friends = [0, 0, 0, 0] current = current object. friends의 첫 번째 object부터 ..
