내가 해냄/패스트캠퍼스 (71) 썸네일형 리스트형 패스트캠퍼스 챌린지 22일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 22일차. 이전 강의에서 노드를 사용하여 프로젝트를 만들 때에 마지막 단계에서 꼭 Parcel bundler 라는 것을 설치하였었다. 선생님은 아직은 몰라도되고 그냥 설치만 하면 된다고 하셨었다. 나중에 강의에서 더 자세하게 배울 수 있다고 하셨었는데 그 나중이 오늘이 되었다. 오늘은 번들러에 대한 강의를 들어보았다. 번들러 웹 개발을 할 때 HTML, CSS, JavaScript를 사용해서 개발을 하는데 순수하게 HTML, CSS, JavaScript만을 사용해서 개발하는 것은 비효율적이다. 그래서 우리는 다양한 언어와 기능들로 코딩을 하게되는데, 이러한 기능들은 웹에서 직접적으로 동작하지는 않는다. 그래서 이것을 변환하는 과정을 거쳐서 HTML, CSS, JavaScript로 바꿔서 웹에서 동.. 패스트캠퍼스 챌린지 21일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 21일차. 오늘은 2022년 2월 13일. 발렌타인데이 하루 전 날이지만 내가 초콜릿을 받을 수 있을리가 없기때문에 그런 행사에 설레지않고 공부했다ㅎㅎ. 왜인지 하고 있는 여러가지 활동들 중 마감이 오늘까지인 과제들이 조금 많았기에 낮부터 진짜 정신없이 했던 것 같다. 근데 다음주에도 마감인게 아직 많다ㅎㅎ.. 오늘은 타입스크립트 강의를 다 듣고 SCSS에 대한 강의를 들어보았다. 최근에 스터디 참가 신청을 하나 했었는데 커리큘럼 과정 중에 SCSS가 있었다. 처음 보는 언어여서 이번 패캠 챌린지 때에 순서가 온다면 열심히 들어야지! 했었는데 그 열심히 듣는 날이 오늘이였다. SCSS CSS 전처리 도구, CSS를 조금 더 쉽게 사용하기 위해서 여러가지 강력한 기능을 제공하는 도구이다. SCSS,.. 패스트캠퍼스 챌린지 20일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 20일차. ㄴㅇㄱ 20일차라니!! 하루하루 블로그 글을 작성하다보니 어느새 20일차가 되었다. 50일 챌린지라고 했을때만 해도 50일이 길다는 느낌이 있었는데 어느새 거의 반절을 달려왔다..ㄴㅇㄱ!! 사실 나는 작심삼일의 끝판왕인데 최근 들어서는 그래도 꼬박꼬박 꾸준하게 무언가를 공부하고 있다는 느낌이 있어서 스스로가 약간 기특하기도 하다. 물론 다른 사람들에 비해서는 부족할 수 있을테지만,, 그래도 열심히 하고 있다는 것에 의미를 두고 싶다. 실제로 개발자를 하겠다는 마음을 처음 먹었을 때 보다는 지식적으로 성장한 것 같다고 생각하지만 전문가가 되기엔 아직 자질이 부족하지않나라는 생각도 계속 드는건 어쩔수 없는 것 같다.. 이런 나... 데브가 될 수 있을까? 블로그도 이것저것 하면서 여러가지 .. 패스트캠퍼스 챌린지 19일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 19일차. 타입스크립트의 기본 문법들에 대하여 공부해보았다. 이전 포스트(18일차)에서도 적었듯이 타입스크립트에는 자바스크립트에서는 없는, 프로그래밍을 도울 수 있는 추가적인 타입들을 제공한다고 하였다. 이에 기본형에 추가된 처음보는 추가적인 타입들에 대하여 알아봤는데 Tuple, any, unknown, never 등이 있었다. 차근차근 하나씩 정리하여보았다. Tuple 튜플은 배열과는 비슷하지만 약간의 차이점이 있다. 바로 튜플에는 여러가지 복합적인 값을 넣을 수 있다는 점이다. 아래와 같이 사용할 수 있다. 단, 주석처리해놓은 것 처럼 순서를 다르게하여 작성 할 경우 에러가 난다는 점을 주의해야한다. let x: [string, number] x= ["hello-yeond", 50]; //x.. 패스트캠퍼스 챌린지 18일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 18일차. 어제 타입스크립트 간단한 설치를 하고 본격 강의를 들어보았다. 최근 리액트에 대해서도 공부하고 있는 중인데 대부분이 자바스크립트에 기반한 언어이다 보니까 항상 기준점은 자바스크립트가 되는 것 같다. 이 리액트도 뭔가 자바스크립트와 비슷한데 약간 다르고 미묘한 차이를 알아가면서 공부하는 점이 좀 재밌는 것 같다. 오늘 타입스크립트도 basic type에 관한 강의들을 들었는데 타입스크립트 또한 같은듯 미묘하게 달라서 알아가는 점이 흥미로웠다. JavaScript VS TypeScript 자바스크립트와 타입스크립트의 가장 큰 차이는 Dynamic Types과 Static Types이다. 개발하는 상황에서는 알 수가 없고 실제 런타임에 들어가야만 오류를 알 수 있는 Dynamic Types인.. 패스트캠퍼스 챌린지 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 기술 규격에 .. 이전 1 ··· 4 5 6 7 8 9 다음
