본문 바로가기

전체 글143

JavaScript - #4. 데이터 타입 (1) 오늘 알아볼 내용은 JavaScript의 데이터 타입이다. ES6 이후 기준 JavaScript는 총 7개의 데이터 타입을 가진다. JavaScript Data Type 구분 데이터 타입 설명 원시타입 숫자 타입 (number) 숫자를 나타내며, 정수와 실수 구분없이 하나의 숫자 타입만 존재 (처리는 실수로) 문자열 타입 (string) 문자를 나타냄 불리언 타입 (boolean) 논리적 참(true), 거짓(false) undefined 타입 var 키워드로 선언된 변수에 변수 호이스팅으로 초기화 되는 값 null 타입 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 심볼 타입 (symbol) ES6에서 추가된 타입으로 변경 불가능한 원시 타입의 값 객체타입 객체, 함수, 배열 등 각각의 타입들을 .. 2023. 8. 24.
JavaScript - #3. 변수 JavaScript에 대한 본격적인 첫 공부로 변수에 대하여 알아보겠다. JavaScript에서 변수는 다음과 같이 선언 및 초기화 된다. 식별자에는 메모리 주소정보가 들어가며 값은 메모리 주소에 저장되는 개념이다. JavaScript에서는 var, let, const 이 3가지 키워드를 이용하여 모든 변수를 선언할 수 있다. 각 순서대로 특징을 알아보겠다. var var는 JavaScript 버전 ES6 이전 사용되던 키워드로 let과 const는 그 이후 도입되었기에 절대적이였다고 할 수 있다. var name = 'Kim'; // type = string var age = 25; // type = int // type = object var info = { name:'Kim', age:25 } //.. 2023. 8. 24.
JavaScript - #2. 자바스크립트 개발 환경 세팅 자바스크립트 개발을 위한 환경설정을 하기 전 알아야 할 개념이 있다. Node.js와 NPM Node.js는 Chrome의 JavaScript 엔진인 V8을 빌드된 자바스크립트 런타임 환경이다. 브라우저에서만 동작하던 JavaScript를 다른 개발환경에서도 동작할 수 있도록 하는 것이다. 그렇다면 Npm은 무엇일까? Npm은 Node Package Manager의 약자로 말그대로 Node.js에서 사용할 수 있는 모듈을 패키지화하여 모아둔 저장소이다. 지금 이 설명을 하는 이유는 우리가 위 두가지를 설치 할 예정이기 때문이다. 누군가는 물을 수 있다. 우리는 프론트엔드 개발을 할건데 node.js를 왜 설치하나요?? 그 이유는 Npm에 있다. 웹개발을 할 때 Npm을 통해 유용한 모듈을 설치 할 수 있.. 2023. 8. 23.
JavaScript - #1 자바스크립트란? 앞으로 자바스크립트 공부를 할 때 다음 책을 이용할 예정이다. 900페이지가 넘는 책이지만 차근차근 공부해보자. 책과 더불어 인프런의 정재남 강사님의 study 강의도 참고할 예정이다. 모던 자바스크립트 딥다이브 study - 정재남/인프런/무료 본격적으로 자바스크립트를 공부하기 전 우리가 알아야 할 것은 근본적인 내용이다. 바로 자바스크립트 그 자체이다. 자바스크립트란? 1995년 브렌던 아이크가 개발한 웹 브라우저 표준 프로그래밍 언어 여기서 주목해야 할 것은 표준 프로그래밍 언어이다. 전 세계에는 많은 브라우저들이 있다. (ex. Chrome, Safari, Edge) 그 많은 브라우저에서 동작하는 절대적이고 유일한 프로그래밍 언어가 자바스크립트라고 할 수 있다. React, Vue, Angular.. 2023. 8. 23.
예비 개발자 회고록 #1 2년 4개월의 긴 군생활을 마치고 전역한지 2달이 다가오고 있다. 대학교 졸업 후 군생활에 집중하다 보니 현재 나의 실력은 비전공자 수준이라고 생각한다. 전역 후 2개월동안 나는 마냥 놀지는 않았지만 체계적인 로드맵이 없었다. 나의 목표인 프론트엔드 개발자 로드맵을 작성하기 전 현재 나의 수준에 대하여 생각해보았다. 2개월동안 HTML&CSS, JavaScript, React 강의를 수강하였다. 강의를 통해 6개 정도의 토이프로젝트를 진행하였다. (JavaScript 4개, React 2개) 내가 프로젝트를 통해 결과물을 냈다는 뿌듯함이 있기도 했지만, 다른 의구심이 들기도 했다. "내가 확실하게 이해하고 프로젝트를 만들었는가?" 아니라고본다. 프로젝트를 통해 배운점도 분명히 많겠지만, 결국 강의를 보고.. 2023. 8. 23.