목록전체 글 (53)
우당탕탕 개발일지
3. Loading() 함수 만들기 3-3. innerHTML활용해서 html 삽입하기 ( 앞서 To-Do List 만들기 1차에서는 제이쿼리를 사용해서 html 코드를 삽입하였다. ) 1차 시도 getElementById() 메서드를 사용하여 id가 "htmlList"인 HTML 요소에 접근한다. 반환 값을 element 변수에 넣어준 뒤, innerHTML을 호출하여 element 뒤에 프로퍼티의 값을 넣어주려 했지만 오류가 발생했다. element에 값을 추가해주는 것이 아닌 값을 대입해서 발생한 문제였다. 즉, ToDos의 배열을 순회하면서 element의 값을 4번씩 초기화 해 준 것이었다. const element = document.getElementById('#htmlList'); ToDo..
[개념 참고 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개를 찍어낸 다음 객체마다 원하는..
#include int main(){ int num1, num2, temp; printf("두 정수를 입력하시오:"); scanf("%d %d", &num1, &num2); for(int i = num1 * num2; i >= 1; i--) // 두 정수의 가장 큰 공배수 만큼 i 증가 if(i % num1 == 0 && i % num2 == 0) temp = i;// 두 정수의 공배수를 temp에 입력 printf("최소공배수: %d\t", temp);//최종 적으로 가장 작은 공배수가 출력 return 0; }
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 : 브라우저 측에서 ..