현재 취준을 하는 내 이야기를 취업이 될 때까지 써볼 예정이다.사실 나는 하나의 제품(product)을 '나'를 통해 만들고 싶었다. 그래서 개발과 디자인을 공부했고, 내가 무엇을 했는지 오늘 이야기해보려고 한다."컴퓨터공학과를 나왔으면 개발을 해야지"개발을 잘하기 위해 정말 오랜 기간 노력했다. 컴퓨터공학과에서 파이썬, 자바 등 백엔드와 관련된 공부를 했고, 개발 동아리 "멋쟁이 사자처럼" 9기 팀장으로 1년간 활동했다. 프론트엔드가 하고 싶어 2년 독학 후 프론트엔드 부트캠프도 6개월이나 했다.약 770일 동안 1일 1커밋을 했다. 2년 동안 쉬는 날 없이 매일 Github에 커밋한 것이다. 그 과정에서 프로젝트와 스터디도 많이 진행했다. 운 좋게 졸업 전에 프론트엔드 인턴도 4개월 하며 나름 전공생..

21.1 자바스크립트 객체의 분류 표준 빌트인 객체 : 표준 빌트인 객체는 ECMAScript 사양에 정의된 객체를 말하며, 애플리케이션 전역의 공통 기능을 제공한다. 표준 빌트인 객체는 ECMAScript 사양에 정의된 객체이므로 자바스크립트 실행 환경(브라우저 또는 Node.js 환경)과 관계없이 언제나 사용할 수 있다. 표준 빌트인 객체는 전역 객체의 프로퍼티로서 제공된다. 따라서 별도의 선언 없이 전역 변수처럼 언제나 참조할 수 있다. 호스트 객체 : 호스트 객체는 ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행 환경에서 추가로 제공하는 객체를 말한다. 사용자 정의 객체 : 사용자가 직접 정의한 객체이다. 21.2 표준 빌트인 객체 Math, Reflect, JSON을 제외한 표..

10.1 객체란? 원시 타입의 값, 즉 원시 값은 변경 불가능한 값(immutable value)이지만 객체 타입의 값, 즉 객체는 변경 가능한 값(mutable value)이다. 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 키와 값으로 구성된다. 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있다. 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메서드(method)라 부른다. 프로퍼티: 객체의 상태를 나타내는 값(data) 메서드: 프로퍼티(상태 데이터)를 참조하고 조작할 수 있는 동작(behavior) 10.2 객체 리터럴에 의한 객체 생성 자바스크립트는 프로토타입 기반 객체지향 언어로서 클래스 기반 객체지향 언어와는 달리 다양한 객체 생성 방법을 지원한다. ..

9.1 타입 변환이란? 자바스크립트의 모든 값은 타입이 있는데 이는 개발자의 의도에 따라 다른 타입으로 변환할 수 있다. 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환, 또는 타입 캐스팅이라고 한다. 반대로 개발자의 의도와는 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이 자동으로 변환되는 것을 암묵적 타입 변환, 또는 타입 강제 변환이라 한다. var x = 10; //명시적 타입 변환 var str = x.toString(); console.log(typeof str, str); // string 10 //암묵적 타입 변환 str = x + ' '; console.log(typeof str, str); // string 10 //x 변수의 값이 변경된 것..

HTTP 메소드란 클라이언트가 웹 서버에게 사용자 리퀘스트의 목적이나 종류를 알리는 수단이다. Request의 종류 데이터 조회 GET 데이터 추가 POST 데이터 수정 PUT 데이터 삭제 DELETE 모든 Request는 Head와 Body로 나뉜다. Head : Reqest에 대한 부가 정보 (메서드) Body : 실제 데이터를 담는 부분 (data) 데이터를 추가하는 POST, 수정하는 PUT은 Body 부분의 데이터가 필요하지만 단순히 조회하는 GET과 DELETE는 Body 부분이 필요로 하지 않다. GET method 데이터를 읽거나 검색할 때 사용 서버에 전달하고 싶은 데이터는 query(쿼리 파라미터, 쿼리 스트링)를 통해서 전달 데이터 전달 가능하지만 권장하지 않음 불필요한 리퀘스트를 제..

이벤트 전파는 다음과 같이 3단계로 구분된다. 1. 캡처링 단계: 이벤트가 상위 요소에서 하위 요소 방향으로 전파 (부모 요소에서 자식 요소로 전파) 캡쳐링 단계에서 이벤트 핸들러를 동작시키려면, addEventListener 에 세번째 프로퍼티에 true 또는 { capture: true }를 전달하면 된다. 2. 타깃 단계: 이벤트각 이벤트 타깃에 도달 3. 버블링 단계: 이벤트가 하위 요소에서 상위 요소 방향으로 전파 (자식 요소에서 부모 요소로 전파) 기본적으로 이벤트 버빌링이 일어나고, 이를 막으려면 이벤트 객체에서 stopPropagation 메소드로 전파를 막을 수 있음 이벤트 위임 자식 요소 각각에 이벤트 핸들러를 하나씩 등록할 필요 없이 부모 요소에서 한 번에 자식 요소들에 발생한 이벤트..