myinfo7091 님의 블로그

캠프 기초 주차 개인 과제로 영화 검색 사이트 제작이 제시되었다. 세계적인 영화 DB인 TMDB의 오픈 API를 사용하여 영화 검색 사이트를 만들어 볼 것이다.개발 환경 / 기술Visual Studio Code / HTML, CSS, JS외부 APITMDB API주요 기능영화 검색, 영화 정보 조회 오늘의 학습내용 :  실시간 데이터를 사용하는 법 1일차 목표TMDB API에서 인기 영화 데이터 가져오기가져온 데이터를 콘솔에 출력하여 확인하기  ◆ TMDB 알아보기 데이터를 가져올 사이트가 어떤 곳인지부터 알아보았다. TMDB는 영화와 각종 TV프로그램을 수집하여 데이터베이스화하고 영상물에 대한 각종 정보를 제공한다. 포스터 이미지와 함께 인기 영화, 상영 중인 영화, 개봉 예정작, 각종 애니메이션 정보..

타임라인강의 [JS문법 종합반] 3주차자바스크립트 걷기반특강 알고리즘오늘의 학습내용 :  자바스크립트의 데이터 타입(심화)자바스크립트의 변수 타입은 기본형(Primitive type)과 참조형(Reference Type)으로 나눌 수 있다.기본형참조형 string, number, boolean, undefined, symbol, null 등Object - array, function, date, regexp, map, set 등 값이 담긴 주소값을 바로 복제 주소값들로 이루어진 묶음을 가리키는 주소값을 복제 불변성을 띔 불변성을 띄지 않음  기본형 데이터 타입 이 불변성을 띈다는 것은 곧 메모리 영역에서 변경할 수 없음을 말한다. 때문에 변수에 할당될 때 메모리의 고정 크기로 값을 저장하고, 그 값을 ..

타임라인특강 [HTML, CSS 기초]강의 [JS문법 종합반] 2주차특강 알고리즘오늘의 학습내용 :  일급 객체(First-Class Object) 함수자바스크립트에서는 함수를 일급 객체로 다룬다. 일급 객체란, 다른 객체들에 일반적으로 적용 가능한 모든 연산을 지원하는 객체라는 의미이다. 즉 ① 상수 또는 변수에 할당될 수 있고, ② 다른 함수에 인자로 전달될 수 있으며, ③ 다른 함수의 결과값으로서 반환될 수 있다는 것이다. ◆ 변수에 함수를 할당하기함수는 값으로 취급되고, 변수에 할당될 수 있다. 이렇게 변수에 할당된 함수를 나중에 사용할 수 있다.const sayHello = function () { console.log("Hello!");};객체의 속성 / 배열의 요소로 할당하기◆ 다른 함..

타임라인특강 [HTML, CSS 기초]강의 [JS문법 종합반] 2주차특강 알고리즘오늘의 학습내용 :  ES6문법 연습ES6(ECMAScript 6)는 2015년도 이후 자바스크립트에 찾아온 문법적 변화였다. 과거보다 간결하고 효율적인 코드를 작성하기 위해 ES6 문법이 권장되며, 개중 let, const 변수가 추가된 점이 눈에 띈다. Arrow function도 추가되었다. ES6가 가장 최신 버전이기 때문에 중요하게 다루는 것일까? 딱히 그렇지는 않았다. 기존의 단점을 해결하기 위해 ES6 이후로도 문법은 거듭해서 개정되었다. 다만 ES6 이후 이전에 문제시되었던 부분들을 상당수 해결하면서 각종 기능이 확장되어 개발 방향성을 ES6와 맞춰나갔고, 그에 따라 개정된 문법에도 주목도가 모이게 되었다. ◆..

타임라인프로그래밍 기초 주차 발제강의 [JS문법 종합반] 1주차오늘의 학습내용 : 변수와 자료형변수의 주요 개념변수 이름저장된 값의 고유한 이름변수 값변수에 저장된 값변수 할당변수에 값을 저장하는 행위변수 선언변수를 사용하기 위해 컴퓨터에 알리는 행위변수 참조변수에 할당된 값을 읽어오는 것 변수를 선언하는 방법 var : 이미 선언된 변수에 다른 값을 재할당하거나, 똑같은 이름으로 변수를 다시 선언할 수 있다. let : 이미 선언된 변수에 다른 값을 재할당할 수 있다. 똑같은 이름으로 변수를 다시 선언할 수 없다. const : 이미 선언된 변수를 재선언, 재할당할 수 없다. 데이터 타입 : 숫자와 문자 자바스크립트(Javascript)에서 자료형(Data Type)이란, 프로그래밍 언어로 조작 할 수..

타임라인미니프로젝트 팀 발표회강의 [JavaScript 문법 종합반] 1주차특강 [Web이란 무엇인가?]자바스크립트(JavaScript) JavaScript의 특징객체 지향 프로그래밍을 지원한다. 데이터와 함수를 객체라는 그룹으로 묶어서 처리하며, 객체는 상태와 행동을 가지고 있고 상태는 객체의 속성(property)라고도 한다. 재사용도 쉽고 현대에서 지향하는 프로그래밍 언어로 적합하다. 동적 타이핑을 지원하고, 비동기 처리가 가능하다. 변수를 선언할 때 타입을 지정하지 않아도 된다. (변수의 타입은 런타임 시점에 결정된다.) 함수형 프로그래밍을 지원한다. 근본적으로 JavaScript는 함수와 함수형 프로그래밍을 제대로 이해하지 않으면 제대로 다룰 수 없는 언어인 셈이다.  클라이언트와 서버 양측..

웹개발 종합반 3주차 과제 Foodcourt 홈 한식 일식 중식 양식 ..

타임라인09:00 ~ 13:00 (개인학습) 웹개발 종합반 3주차 13:00 ~ 15:00  TIL 특강19:00 ~ 21:00 (개인학습) 웹개발 종합반 3주차 웹개발 종합반 3주차 jQuery 2주차 강의에서 간단하게 정리했던 개념을 떠올려 보면, jQuery는 웹사이트에서 자바스크립트를 쉽게 활용할 수 있도록 하는 오픈소스 기반의 자바스크립트 라이브러리이다. 라이브러리를 통해 입문자들도 쉽게 웹페이지 상에서 다양한 기능을 쉽게 조작할 수 있고, 높은 호환성을 기반으로 공개된 플러그인들을 직접 구현해보고 확장 가능하다는 장점이 있다. 자바스크립트를 공부하면서 느낀 점인데, 코드가 길고 보기 힘들다. 내가 초보라서 그런가 앞으로 배우게 될 React를 포함해서 Vue, jQuery 등은 모두 html ..

타임라인09:00 ~ 11:00 개강 OT11:00 ~ 18:00 (개인학습) 웹개발 종합반 2주차19:00 ~ 21:00 Git 기초 특강개강 OT짧게나마 참여했던 사전캠프가 끝나고 본교육에 무사히 참여할 수 있었다. 팀 프로젝트가 포함된 커리큘럼이기 때문에 1주차는 사전교육 진행 여부에 따라 함께 프로젝트를 진행하는 팀과 개인학습을 우선하는 팀으로 나뉘었는데, 학습 진행 팀으로 합류하게 되었다. 짧게 이야기를 나눈 결과 팀원들도 기초 단계부터 차근차근 성장해 나가기를 바랐고, 일주일 동안 개인 강의 수강을 위주로 성실하게 공부하기로 했다. 서로가 서로의 든든한 서포터이자 학습 감독이 되어줄 수 있기를. 2주차부터는 본격적인 JS 수업이 진행되는 관계로 문법 참고용 자료도 배포받았는데, 다른 팀원의 이..

조금 뒤늦은 합류로 스파르타 내일배움캠프 프론트엔드 개발 부트캠프 7회차에 최종 합격하게 되었다. 사전교육 일정이 약 일주일 남은 시점에서 본교육 학습과정을 문제없이 이해하기 위해 캠프에서 제공되는 웹개발 종합반과 프론트엔드 기초 강의 수강에 집중할 필요성이 느껴졌다. 개발 경력도 공부 경험도 없는 노베이스 수강생이지만 완강하는 날까지 최선을 다하고자 한다.웹개발 종합반 1주차개요웹은 개발 입문자로서 배우는 기초 과정이 될 수 있다. 그 프로세스에서는 웹사이트의 구조와 내용, 디자인과 관련된 다양한 작업을 포괄적으로 익히게 된다. 웹개발 종합반 강의에서는 HTML, CSS, Bootstrap을 포함하여 다양한 종류와 단계로 웹사이트를 만드는 방법을 살펴보고 입문자를 위한 유용한 툴을 직접 사용해 볼 수 ..