본문 바로가기

내가 해냄/패스트캠퍼스

 (71)
패스트캠퍼스 챌린지 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..
패스트캠퍼스 챌린지 10일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 10일차. 챌린지 열흘만에... Part1을 마무리하고 Part2로 넘어왔다. Part2는 " Git을 활용한 버전관리" 로 버전관리와 Markdown에 관한 내용을 다룬다. 사실 깃에 관해서는 혼자 간단하게 사용법을 익힌 것이 전부라 항상 어렵다고 생각했었는데 이번 기회에 자세하게 배울수 있는게 참 좋은 것 같다. Read me 에 대해 작성할 때 Markdown에 대해서 처음 알게 되었는데 간단하게 썼었던 것들 이외에도 다양한 것들을 알아가면 좋을 것 같다. git Git(깃)은 컴퓨터 파일의 변경사항을 추적하고 여러 사용자들 간에 해당 파일 작업을 조율하기 위한 대표적인 버전 관리 시스템(VCS)이다. 깃을 사용하여 프로젝트를 좀 더 효율적으로 관리할 수 있다. vscode 터미널에서도 아래..
패스트캠퍼스 챌린지 09일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 09일차. 2월이 시작되었고 오늘은 민족의 명절 설날이다! 설날에도 챌린지 진행을 하기위해 강의를 켰다. 스타벅스 프로젝트가 거의 마무리 되었고 오늘은 푸터에 대해 정리를 해보려고 한다. 푸터 (footer) 하단또는 푸터(Footer)라는 이름을 가진 이 섹션은 문서로 치면 꼬리말 영역을 말한다. 하단/푸터 영역은 사용자가 의도적으로 제외하지 않는 이상 모든 페이지 최하단에 똑같이 표시된다. footer 태그에는 위와 회사의 정책, 주소, 전화번호, 저작권 표시 마크, 고객센터 정보, 사이트맵 등이 위치한다. ​ 푸터 (footer)의 기본적인 역할 ​(1) 다른 페이지로의 이동을 유도하여 사용자가 이탈하는 것을 예방한다. 스크롤 하여 정보가 끝나버리는 페이지에 비해 페이지 끝에서 추가 정보를 ..
패스트캠퍼스 챌린지 08일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 08일차. HTML 파일을 작성할 때에 꼭 주의해야하는 부분이 있다. 바로 클래스명 작성인데 CSS를 입혔을 때에 원하지않는 부분까지 영향을 끼치지않기 위해서는 클래스명 정하는데 중복없이 잘 적어야한다. 비슷한 경험을 1월 모각코를 진행할 때에 겪었었는데, 클래스가 많아지면서 이름을 정하는데에 헷갈리고 많이 헤맸었던 경험이 있다. 당시에는 BEM에 대하여 몰랐을 때지만 지금은 강의를 통하여 BEM에 대하여 공부하였다. BEM이 무엇인지 간단하게 알아보자. BEM ( Block Element Modifier) HTML 클래스 속성의 작명방법이다. 요소__일부분 : Underscore(Lodash) 기호 2개로 요소의 일부분을 표시한다. 요소--상태 : Hyphen(Dash) 기호 2개로 요소의 상태..
패스트캠퍼스 챌린지 07일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 7일차. 오늘은 수업 진행중에 헷갈리는 부분이 있어서 짧게 개념정리를 하고 간단하게 정리를 해보았다. 바로 절대경로와 상대경로에 관한 것인데, 간단하게만 알고 넘어갔어서 그런지 이번에 다시 정리해보게 되었다. 프로그래밍에 있어서 절대경로와 상대경로의 개념을 구분하기 어렵다면 프로그래밍 할 때에 까다로울수가 있기에 이번에 확실하게 짚고 넘어가보려한다. 경로 우선 경로라는 것은 파일이 어디에 위치하는지, 위치되어있는 그 장소를 찾아가는 것을 경로라고 한다. 폴더는 계층 구조로 되어있기때문에 디렉토리에서 경로를 모두 표기한 것을 절대 경로라고 한다. 현재 폴더에서 목적 폴더까지의 경로를 나타 내는 것은 상대경로라고 한다. 절대경로 절대 경로란 최초의 시작점으로 경유한 경로를 전부 기입하는 방식이다. 시작점의 ..

티스토리툴바