리액트

[영화 웹 서비스 만들기] #2 JSX & PROPS (2) (Key prop , alt, PropTypes)

본 포스팅은 리액트 JS를 다루고 있습니다. #2.3 map Recap Key prop (키 속성) 위의 에러에 따르면 list내의 child는 unique한 key prop을 가져야 한다고 말하고 있다. 즉, 모든 react element들은 유일해야하고있다. 즉, 모든 react element들은 유일해야한다. list 안에 넣으면서 유일성을 잃어버리게 되므로 배열의 각각의 item에 id를 추가하고 component에 key라는 prop을 줌으로써 해결할 수있다. 위의 예시로 설명하면 배열에 있는 정보들은 모두 Food component 함수를 통해 Food component가 되고 우리에게 보여진다. 이렇게 모두 Food component가 되어버려 유일성을 상실한다. 결국 모든 element들이..

[영화 웹 서비스 만들기] #1 SET UP (React란?, React App 만드는 법)

본 포스팅은 리액트 JS를 다루고 있습니다. #1.0 Creating your first React App 파일 생성 React app을 사용하기 위해서 콘솔창을 통해 폴더를 생성한다. 위의 순서대로 입력하고 엔터를 치면 해당 이름의 폴더가 자동적으로 생성된 파일과 함께 만들어진다. 명령어 대표적인 명령어에는 start, build, test, eject가 있다. 하지만 start와 build를 중점적으로 알아두면 된다. 실행 Local은 사용하고 있는 컴퓨터에서 실행시키고 싶을 때 주소로 사용될 수 있고, On Your Network는 Wi-Fi를 사용할 때의 주소이다. 따라서 같은 Wi-Fi를 연결하고 해당URL을 통해 폰에서 테스트 해볼 수 있다. 실행이 완료되면 아래와 같은 초기 화면이 뜬다. #..

[노마드코더] 코코아톡 클론코딩

안녕하세요!! 공머생의 자기개발, 그릿입니다. 작년 여름부터 끊어놓고 듣지 않던 강의가 있었는데, 바로 html, css에 대한 강의 입니다. 저는 뭔가 결과물이 있어야 공부에 더 집중하고 재밌어하는 편이라 클론코딩을 통해 배워보려고 강의를 구매했습니다. 바로 노마드 코더의 '코코아톡 클론코딩'입니다. 공부한 내용을 티스토리에 정리하여 업로드 할 예정입니다. 혹시 강의를 구매하려고 고민중이거나 html, css에 관련해서 배워보려는 모든 분께 도움이 되었으면 좋겠습니다. :)