본문 바로가기

패스트캠퍼스46

패스트캠퍼스 환급챌린지 46일차 미션 (3월 17일) : 프론트엔드개발 강의 후기 Part 4. JavaScript Level up Ch 1. JS 데이터 01 문자 02 숫자와 수학 오늘은.. 일요일이다 내일이면 월요일이라.. 많이 속상하지만...ㅎㅎ 그래도 도전..! MDN 문서 Mozilla Developer Network 모질라 재단 및 다른 IT기업들이 사용하는 웹 개발을 위한 문서 저장소이자 수많은 프로그래밍 입문자들을 위한 학습 장소이다. 웹 개발을 한다면 거의 반드시 한번쯤은 보게 되는 사실상 표준 문서. 기본적으로 HTML, CSS, JavaScript기초 지식이나 상세 필드부터 WebAPI까지 폭넓게 다루고 있다. 특히나 HTML5이후 급격하게 변하는 웹 표준을 가장 잘 반영하면서[1] 동시에 유저 친화적인 몇 없는 문서 중 하나이다. 문서 전체가 오픈 소스로 운영.. 2024. 3. 17.
패스트캠퍼스 환급챌린지 45일차 미션 (3월 16일) : 프론트엔드개발 강의 후기 오늘의 목표 03. ES6 Classes 04. 상속(확장) 끄어 오늘은 행복한 토요일!! 일찍 일어나서 일정을 정신없이 바쁘게 보내다가 저녁에 듣는 강의다. normal 부분에서 뒤쪽에 있는 colon 기호와 함께 function이라는 키워드를 생략해줄 수 있다. ES6 의 클래스 패턴에 대해 살펴볼 때, function 키워드를 사용하는 일반 함수로 만들어진 개념과 동일하다고 이해하면 된다. 속성 firstname, lastname 밖에 없지만, 프로토 부분을 열어봤을 때 이렇게 getfullname이라는 함수가 잘 들어가져 있는 거 그렇다면 옆에 나온 이미지 윗부분 생성자 함수를 자바스크립트에서 지원하는 class 라는 키워드를 통해서 어떻게 새로운 문법으로 갱신할 수 있을까? 자바스크립트는 우선 .. 2024. 3. 16.
패스트캠퍼스 환급챌린지 44일차 미션 (3월 15일) : 프론트엔드개발 강의 후기 오늘의 목표 js클래스 01 생성자 함수 02 this 오늘은 드디어.. 금요일.. 하.. 하얗게 불태웠다.. 정말...출퇴근길 왜 힘들까... 진짜.. 어유 언넝 집에 와서 강의 듣자 하고 달려왔다 클래스는 스타벅스 예제할 때도 썼었지. 그래서 눈에도 손에도 많이 익었다. (참.. 개발자들은 대단해.. 자바 안에 있는 여러 방식으로 정리하는 방법도, 태그 종류도, 함수 내용도 다 다르고 이것저것 너무너무 많다..) this 는 뭘까? this는 인스턴스의 자기자신을 의미하며 인스턴스화 되었을 때 자기자신의 메모리 주소를 담고있는 키워드다. this 키워드의 역할 3가지 1) 자기 자신의 메모리를 가르킨다. main 함수에서 EX1_Fruit 객체를 하나 생성한 후 과일 고유번호, 과일 이름을 Sette.. 2024. 3. 15.
패스트캠퍼스 환급챌린지 43일차 미션 (3월 14일) : 프론트엔드개발 강의 후기 오늘의 목표 04 호이스팅 05 타이머 함수 06 콜백 오늘은 퇴근하고 여유롭게 방에 누워서(?) 엎드려서(?) 강의를 듣는다 호이호이호이스팅 완전 처음 보는 단어다.. 콜백..? 전화주세요?ㅋㅋㅋ 되게 익숙한 단어들을 여기서 보다니..ㅎㅎ 회사 일이 많아서 힘든데 이번주는 강의가 짧아서 참 다행이야..ㅎㅎ 호이스팅이란? JavaScript 호이스팅은 인터프리터가 코드를 실행하기 전에 함수, 변수, 클래스 또는 임포트(import)의 선언문을 해당 범위의 맨 위로 끌어올리는 것처럼 보이는 현상을 뜻한다. 호이스팅은 ECMAScript 사양에서 규범적으로 정의된 용어가 아니다. 호이스팅(Hoisting)이란 함수 내의 변수 및 함수 선언을 각 유효 범위의 최상단으로 끌어 올려주는 JS의 독특한 특징이다. .. 2024. 3. 14.