본문 바로가기

전체 글

 (109)
패스트캠퍼스 챌린지 17일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 17일차. 자바스크립트 파트를 진행하고 있었는데 타입스크립트를 사용할 일이 생겨서 타입스크립트 파트를 먼저 배우기로 했다. 아무래도 혼자 공부하면 이런 점에 있어선 자유로워서 좋은 것 같다. 그래서 오늘은 Part5. TypeScript Essentials 를 들으면서 기본 정보와 설치, 사용설정 등을 해보았다. TypeScript 타입스크립트는 프로그래밍 언어이다. 우리가 사용하는 자바스크립트에 Typed이라는 개념을 추가하여 적용시켜 자바스크립트를 확장한 언어이다. 동시에 컴파일 언어이지만 전통적인 컴파일 언어와는 다른 점이 많기에 "Transpile"이라는 용어를 사용하기도 한다. 타입스크립트는 브라우저나 노드의 작업환경에서 작동하는데 에디터를 사용한 뒤, 타입스크립트 컴파일러를 사용하여 변..
패스트캠퍼스 챌린지 16일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 16일차. 자바스크립트의 함수에 관한 여러가지 개념들을 정리하고 배워보는 시간이였다. 그 중에서도 자바스크립트를 배울 때에 여기저기서 언급이 많이 되는 개념들도 있기에 오늘은 배운 모든 것들을 정리하지는 않고 언급이 자주 되는 개념들만 쏙쏙 뽑아 정리를 해보았다. 즉시실행함수 (IIFE, Immediately-Invoked Function Expression) const a = 7 function double() { console.log(a * 2) } double(); 14 (function () { console.log(a * 2) }) () 14 즉시 실행하는 함수표현, 즉 어떤 특정한 함수를 즉시 실행하는 것이다. 어떤 익명의 함수를 즉시 실행하는 경우에 코드블럭 아래의 함수처럼 소괄호( ..
패스트캠퍼스 챌린지 15일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 15일차. Node를 끝내고 Part3의 chapter2. JS로 넘어왔다. 주말에 연휴가 있어서 공부량이 조금 적었지만 이번주부터!!!!!!!!!!!!!! 열심히 달려달려!!!!!!!!!!!!! 여튼 오늘은 자바스크립트에 대해 공부하였다. 폴더를 따로 많들어서 프로젝트파일과 모듈들을 설치하고 자바스크립트의 데이터 연산자 등에 대해 공부해보았다. Part1에서 살짝 나왔던 내용들에 이어지는 조금 더 자세한 내용이였다. 사실 자바스크립트에 대해서는 이미 사전 공부를 해놓았던 상태였기에 오늘은 ECMAScript에 대해서만 간단하게 정리를 하고 글을 끝내려고 한다. ECMAScript ECMA스크립트(ECMAScript, 또는 ES)란 Ecma International이 ECMA-262 기술 규격에 ..
코드프레소) Code.PRESS-UP 체험단 [데이터 사이언스 트랙] 수강 후기 지난 12월에 코드프레소에서 진행하는 code.PRESS-UP 체험단 모집에 응모하여서 체험단(아래 링크)으로 선발이 되었었다. 체험단 활동은 1월 첫주부터 시작되었는데 체험단으로서 활동할 수 있는 쿠폰을 받고 등록하여 로드맵을 따라 공부하였었다. 첫 강의를 수강한지 거의 한 달 정도가 되었는데 그 사이에 4개의 코스 강의를 수강하였다. 이에 코드프레소 체험단으로서의 첫 후기를 적어보려고 한다. https://hello-yeond.tistory.com/21?category=903195 코드프레소) Code.PRESS-UP 체험단 신청과 선발 (220101 ~ 220331) 프리미엄 IT 교육 서비스 코드프레소에서 Code.PRESS-UP 체험단을 모집하기에 후다닥 신청해봤다. 공지를 본 건 12월 중순쯤..
패스트캠퍼스 챌린지 14일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 14일차. Node.js를 사용해서 프로젝트를 만들어보았고 설치를 해보았다. 유의적 버전(Semantic Versioning, SemVer) 의미가 있는(유의미) 버전. 어떠한 버전에 의미를 부여해서 그것을 구분하고 해석할 수 있다. 각각의 마침표로 구분되어있는 숫자들을 구분하는 방법은 다음과 같다. Major.Minor.Patch 우선 Major 버전은 기존 버전과는 호환되지 않는 새로운 버전을 의미한다. (ex) 윈도우8, 윈도우10 등의 하나의 프로그램이 크게 바뀌는 버전들) Major 버전이 바뀌면 그 전의 버전과 호환이 되지 않는다고 해석한다. Minor 버전은 기존 버전과 호환되는 새로운 기능이 추가된 버전이다. Patch 버전 역시 기존 버전과 호환이 되지만 버그 및 오타 등이 수정된..
패스트캠퍼스 챌린지 13일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 13일차. 챌린지 시작한지 약 2주가 지났다. 온라인 환급반의 장점은 무엇보다 매일매일 공부하는 습관을 만들어준다는 점이다. 오늘은 주말 알바를 다녀와서 진짜 너무너무 피곤했지만 이런 날에도 꼭 강의를 켜서 듣고 기록하는 습관을 만들어 준다. 주말이기도 하고 진짜 너무너무 피곤해서 오늘은 NPM에 관한 강의를 짧게 듣고 정리하고 끝내보려고 한다. NPM(Node Package Manager) NPM은 전 세계의 개발자들이 만든 다양한 기능(패키지, 모듈)들을 관리. 우리의 프로젝트를 관리할 때에 npm을 사용한다. Node.js라는 환경에서 NPM이라는 개념으로 각각의 패키지들을 설치하고 관리하고 동작시켜야하는데, 그러한 과정에서 우리는 방법을 이해해야하고 활용방법을 공부해야한다. 자연스럽게 학습..
패스트캠퍼스 챌린지 12일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 12일차. 이전에 리액트 강의를 들을 때에 강의 초반에 Node.js를 사용하는 과정이 있었다. Node에 대한 정보는 1도 없었어서 그냥 따라하면서 대충 nvm, npm 등의 명령어를 알게됐었는데 자세한 사용법에 대해서는 모른 채로 공부했었다. 그렇지만 나도 이제... 노드를 배우게 되었따!! 노드도 자바스크립트에 기반한 언어이기에 항상 배우고 싶은 마음이 컸었는데 강의에 포함되어 있는 노드를 뿌실 수 있게 되었다. 첫 날이라 간단한 설치와 개념을 공부했다. Node.js Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임(프로그래밍 언어가 동작하는 환경). 동작하는 환경에는 Node.js가 설치되어있는 컴퓨터나 크롬과 같은 브라우저 2가지가 있다. 설치 https:..
패스트캠퍼스 챌린지 11일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 11일차. 마크다운에 대한 문법을 공부하고 깃허브에 푸시해보았다. 사실 마크다운은 그냥 #으로만 사용했어서,,이렇게 깊게 배워봤던건 처음이였다. 코딩하는 것보다 진짜 훨~~~~씬 간단하고 직관적이여서 예제로 한 번 연습한 것이지만 평생 안잊어버릴 것 같았다. 코딩도 이렇게 쭉쭉 잘 됐으면 좋겠다.. 오늘로 Part2. Git을 활용한 버전관리를 마무리 하였고 내일부터는 Part3. JavaScriptEssentials 에 대해 공부하게 되는데 대망의 첫 챕터는 Node.js 이다. MARKDOWN 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 수 있다. 마크다운이 최근 각광받기 시작한 이유는 깃허브(https://gith..

티스토리툴바