프론트엔드42 JavaScript - 클래스와 인스턴스 클래스(Class) 객체를 만들어 내기 위한 설계도 혹은 청사진이다. 일반적인 함수와 구분하기 위해 클래스는 보통 대문자로 시작하며 일반명사로 만든다. 참고로 일반적인 함수는 적절한 동사를 포함하며, 소문자로 시작한다. 인스턴스(Instance) 클래스를 바탕으로 한 객체를 인스턴스 객체, 줄여서 인스턴스라고 한다. New 키워드 new키워드를 사용하여 클래스의 인스턴스를 만들어낸다. 생성자(Constructor) 함수 객체를 만들고 기존 객체의 속성에 대한 값을 설정하는 특수함수. 인스턴스가 초기화될 때 실행된다. 실습 ES5) 클래스는 함수로 정의할 수 있다. function Car(brand, name, color){ // 인스턴스가 만들어질 때 실행되는 코드 } ES6) class라는 키워드를 이.. 2023. 3. 15. 코드스테이츠 프론트엔드 부트캠프 Section1 회고 코드스테이츠 프론트엔드 부트캠프 44회차에 신청했지만, 초심자였던 내가 바로 합격을 할거란 기대는 애초에 하지도 않았었다. 주변 사람들에게 합격하진 못하고 대기번호만 받았다고 전했을 때 많이들 실망하는 눈치였지만, 나는 내가 많이 부족함을 누구보다 잘 알고 있었기에 무척이나 기뻤다. 신청서를 작성할 때 나의 성격 & 성향 & 공부태도 등이 반영되었는데 대기번호도 받지 못했다면 많이 방황했을 것 같다. 어떤식으로 공부해야할지 방향조차 잡지 못했을 테니... 대기인원 신분으로는 첫 주 수업까지만 들을 수 있었다. 경쟁률이 높은 부트캠프임을 알고 있었기에 추가합격을 기대도 하지 않았지만 열심히 들었다. 뭐라도 하나 건져와서 다음 모집 때 꼭 합격하고 싶었다. 돌이켜보면 이때 가장 열정적으로 질문도 하고 공부도.. 2023. 3. 13. local Git repository Git repository? 우선 Git이란 개발자의 코드를 효율적으로 관리하기 위해 개발된 `분산형 버전 관리 시스템이다. 이러한 Git을 저장하는 공간을 repsitory라고 하며, repository는 자신의 컴퓨터의 작업공간에 위치한 local Git repository와 Github 등 원격 공간에 위치한 remote Git repository로 구분할 수 있다. 로컬 환경에 있는 디렉토리에서 Local Git Repository를 추가하면 디렉토리의 파일 변화를 감지 할 수 있다. 1. 코드를 저장할 디렉토리를 만들고 해당 디렉토리에 local Git repository를 생성한다.(git init) 2. 코드를 작성하고 저장하는 공간, 즉 작업 공간(work space)의 파일 및 디렉토리를.. 2023. 3. 10. HTML에서 JavaScript를 body의 끝부분에 연결하는 이유 웹브라우저가 HTML문서를 해석(Parsing)할 때, 2023. 3. 7. JavaScript - 배열 , 객체 배열 다량의 데이터를 다룰 수 있는 배열 배열을 잘 다루기 위해서는 배열의 요소를 추가하거나 변경, 삭제하는 방법을 확실하게 학습해야한다. 배열의 기초 let myNumber = [73, 98, 86, 61, 96] 인덱스(index) [0] [1] [2] [3] [4] 요소(element) [73] [98] [86] [61] [96] myNumber[3]; // 61 myNumber[3] = 200; // 3번째 요소를 200으로 변경 배열의 반복 for(let n = 0; n < myNumber.length; n++) 배열의 메서드 console.table(myNumber) // 배열의 표로 보여줌 Array.isArray(myNumber) // true, 어떠한 데이터가 배열인지 아닌지 판별 myN.. 2023. 3. 4. JavaScript - 데이터의 여러가지 타입들 Number 타입 정수(integer)와 실수(float) 모두 표현 할 수 있으며, typeof 연산자로 타입을 확인 할 수 있다. typeof 100; // 'number' typeof -100; // 'number' typeof 100.123 // 'number' 간단한 사칙연산보다 더 복잡한 계산을 위해서는 Math 내장 객체를 사용한다. Math.floor(100.4); // 100, 내림 Math.ceil(100.4); // 101, 올림 Math.round(100.6); // 101, 반올림 Math.abs(-100); // 100, 절대값 Math.sqrt(2); // 1.4142..., 루트값 Math.pow(2,5) // 32 , 2의 5승 String 타입 따옴표('), 쌍따옴표(").. 2023. 3. 4. 이전 1 ··· 4 5 6 7 다음
