전체 글
-
5주차 강의이노베이션 캠프/2주차_자바스크립트_문법 2023. 6. 17. 21:32
DOM (Document Object Model) Document(html 파일)를 JS가 알아먹을 수 있는 Object형태로 Modellng 한 것 최상위 노드: document 브라우저에 기본적으로 내장, 브라우저 환경에서만 돌아감 브라우저 환경: 확인 가능 node 환경: 확인 불가능 (ex: vscode) 브라우저의 요소들에 접근하고 조작하는 방법을 제공 속성: 객체의 상태나 특징을 나타내는 값을 저장하는 변수 (예: a.id) 메소드: 객체가 수행할 수 있는 동작이나 기능을 나타내는 함수 // 접근 // id 값에 해당하는 요소에 접근하여 값을 반환 document.getElementById("id"); // class 값에 해당하는 요소에 접근하여 값을 반환 document.getElement..
-
2주차 회고 (자바스크립트 문법)이노베이션 캠프/WIL 2023. 6. 16. 20:22
오늘은 2주차 동안 했던 일을 남겨보고자 한다. 처음에 회고를 작성할 때 일주일 동안 한 일을 따로 정리한 후에 블로그에 하나의 게시물로 올릴지, 하루에 하나씩 작성할지 고민하다가 전자를 선택했는데 후자도 해보는 게 좋을 거 같아서 이번 주까지만 이렇게 작성하고 3주차는 하루에 하나씩 올릴 예정이다. ㅎㅎ 둘 다 조금씩 해보고 내가 보기에 더 좋을 쪽으로 하면 될 거 같다! 2주차에는 최원장 튜터님의 JavaScript 문법 종합반 수업과 간단한 야구 게임 과제를 진행했다. 과정 06/12 (월) 미니프로젝트 발표로 1주차를 마무리하고 주말동안 푹~~ 쉬고 온 다음 월요일에 2주차 발제를 진행했다. 발제 내용 06/12(월): 1주차 언어 강의 학습 및 Git 과제 제출 06/13(화) ~ 06/14(수..
-
1주차 회고 (미니프로젝트)이노베이션 캠프/WIL 2023. 6. 12. 21:02
원래는 항해99에 합류했었는데 매니저님의 추천으로 이노베이션 캠프로 변경! 변경하게 된 이유는 항해99와 동일한 커리큘럼인데 수업비를 지원받아 무료로 수강할 수 있어서이다. :) 일정 ~06/05: 워밍업 기간 (웹개발 종합반, 자바스크립트 문법, 알고리즘 등등) 06/07 ~ 06/09: 미니 프로젝트 개발 및 발표 과정 06/07 (수) 회의 주제: 식당 및 음식 추천 사이트 역할: 메인 및 메뉴 등록 페이지 (총 2 페이지) vs code와 github 연결 기획안 작성 (회의 일지, 와이어 프레임 (피그마 사용), API 설계 등등) 식당 및 메뉴 등록 사이트 기능 구현 vs code의 share 기능 사용해서 팀원분 컴퓨터에서 진행 (코드 충돌 문제 해결을 위해 ㅎㅎ) 구현한 기능: 식당 및 메..
-
1주차 강의이노베이션 캠프/2주차_자바스크립트_문법 2023. 6. 12. 16:24
변수 선언 (키워드) var 변수를 선언하기 위한 키워드 재할당 가능, 재선언 가능 (마지막에 할당된 값이 변수에 저장됨) 함수 스코프를 가지며, 호이스팅 됨. const 상수(constant)를 선언하기 위해 사용되는 키워드 재할당 불가능 (한 번 값이 할당되면 다른 값을 할당할 수 없음) 블록 스코프를 가지며, 호이스팅 되지 않음 let 변수를 선언하기 위한 키워드 재할당 가능, 재선언이 금지 블록 스코프를 가지며, 호이스팅 되지 않음 스코프 - 변수의 유효 범위를 나타내는 개념 - 함수 스코프: 변수가 함수 내에서 유효한 범위를 갖는 것을 의미 : 함수 스코프 내에서 선언된 변수는 해당 함수 내에서만 접근 가능, 함수 외부에서는 접근 불가능 - 블록 스코프: 변수가 블록 내에서 유요한 범위를 갖는 ..
-
3주차 강의이노베이션 캠프/2주차_자바스크립트_문법 2023. 5. 30. 21:50
데이터 타입의 종류 기본형(Primitive Type)과 참조형(Reference Type)으로 구분 구분 기준: 값의 저장 방식과 불변성 여부 값의 저장 방식 기본형: 변수 값 자체가 저장 (변수 값이 저장된 주소값이 저장) 참조형: 변수 값이 아닌 메모리 상의 주소가 저장 (값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제, 힙(heap) 영역에 생성되고 메모리 주소를 통해 접근) 불변성 여부 기본형: 불변성을 띔 (변수에 새로운 값을 할당하면 이전 값을 변경 x, 새로운 값 생성) 참조형: 불변성을 띄지 않음 (변수는 객체를 가르키는 참조를 갖고 있으므로, 객체 내부의 속성을 수정하거나 객체를 변경할 수 있음) 수업에서는 구분 기준을 두 가지만 알려줬지만 찾아본 결과 다른 구분 기존도 존..
-
2주차 강의이노베이션 캠프/1주차_미니프로젝트 2023. 5. 29. 21:35
Javascript 브라우저가 알아들을 수 있는 언어 (표준) 웹을 움직이게 하는 코드 호출 및 선언 방법 영화 기록하기 jQuery Javascript를 기반으로 한 빠르고 간편한 웹 개발을 위한 자바스크립트 라이브러리 html 문서의 요소 선택, 조작, 이벤트 처리, 애니메이션 등을 쉽게 처리할 수 있는 강력한 도구를 제공 즉, html 뼈대를 선택해서 쉽게 조작할 수 있게 해주는 도구 // 반복문 let frults = ['사과', '배', '김', '귤'] frults.forEach((f) => { console.log(f) }) // 조건문 let age = 24 if (age > 20){ console.log('성인입니다.') } else { console.log('청소년입니다.') } // ..
-
1주차 강의이노베이션 캠프/1주차_미니프로젝트 2023. 5. 29. 18:02
브라우저란? 정의: 인터넷을 통해 웹 페이지를 표시하고 탐색할 수 있는 소프트웨어 역할: 서버가 만들어 놓은 API 요청을 보내고, 요청의 답으로 받은 html 파일을 화면에 그려준다. HTML 역할: 웹 브라우저에게 웹 페이지를 표시하는 방법을 알려준다. 구조 일련의 태그(tag)로 구성되며, 태그는 각각의 의미와 목적을 가지고 있다. (즉, 뼈대) head와 body로 구성된다. head: 페이지의 속성 정보 body: 페이지의 내용 자주 사용하는 태그(tag) div: 구역을 나누는 태그, 한 줄을 다 먹는다. h\d+: 제목, 뒤의 숫자에 따라 크기가 달라진다. (숫자가 커질수록 글자는 작아짐) css 역할: HTML을 통해 작성된 뼈대의 속성을 선택해 예쁘게 꾸며주는 코드 .html 파일 작성 ..