목록Front-end (27)
우당탕탕 개발일지
[개념 참고 https://uj0791.tistory.com/5 ] To-Do List - JS 문법 ● 배열 : 데이터를 쉼표로 구분해서 대괄호로 묶어 나열해놓은 것 var seasons = ["봄", "여름", "가을", "겨울"]; ● 객체 : 값들을 그룹으로 묶은 데이터 모음 키(Key)와 값(Value) 을 한 쌍으로 정의하며 uj0791.tistory.com 1. to-do list 객체 배열 만들기 할 일 목록(ToDos) 을 배열로 구현하되, 체크 버튼이나 삭제 버튼을 눌렀을 때 키를 통해 처리하고자 할 일(newToDo) 자체는 객체로 구현하였다. 객체는 키(Key)와 값(Value)으로 값들을 묶는다. 할 일 객체는 number, content, check 키들로 구성되어 있다. num..
배열 : 데이터를 쉼표로 구분해서 대괄호로 묶어 나열해놓은 것 var seasons = ["봄", "여름", "가을", "겨울"]; 객체 : 값들을 그룹으로 묶은 데이터 모음 키(Key)와 값(Value) 을 한 쌍으로 정의하며 이를 속성(Proeprties) 라 부른다. 객체의 속성 값을 가져올 때는 객체 이름 뒤에 마침표(.)를 찍고 그 뒤에 속성 이름을 적는다. var kim = { firstName: "John", lastName: "Kim", age : 35, address: "Seoul" } 웹 문서에 있는 요소를 프로그램에서 사용하려면 객체 형태여야 한다. 예를 들어, 웹 문서에 3개의 이미지를 포함시켜야 한다면 Image 객체를 사용해서 똑같은 틀의 객체 3개를 찍어낸 다음 객체마다 원하는..
npm npm은 ‘Node.js’라 불리는 별도의 실행 환경에서 동작 node 명령을 이용한 버전 확인 : node -v 새 디렉터리 만들기와 npm을 이용한 프로젝트 초기화 - npx create-react-app react-for-beginner 프로젝트 중복 생성시 - npm uninstall -g create-react-app 파일 제거 src/App.css src/App.test.js src/logo.svg 건들면 안되는 파일들 public/index.html → 페이지 템플릿 src/index.js → 자바스크립트 시작점 기본 디렉토리 생성 src/components : 컴포넌트들이 위치하는 디렉토리 src/pages : 각 라우터들이 위치하는 디렉토리 src/client : 브라우저 측에서 ..