이노베이션 캠프
-
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 파일 작성 ..