내가 해냄/패스트캠퍼스 (71) 썸네일형 리스트형 패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220405 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220405 Day09 Today I Learned Width Margin Linear-gradient float Lorem Ipsum Width default value : auto block width : 최대한 늘릴려고 시도 inline width : 최대한 줄이려고 시도 min-width : 최솟값 지정. 값 이하로는 줄어들지않는다. Margin 요소의 상하좌우 바깥 여백을 의미 reset.css : 외부 여백을 제거 https://www.jsdelivr.com/package/npm/reset-css에서 스크립트를 가져와서 붙여넣기 Margin-collapsing(마진 중첩 현상) 특정 상황에서 마진값이 사라지는 현상 부모-자식, 형제 사이에서 적용 부모 - 자식 (위-위, 아래-아래) 부모.. 패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220404 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220404 Day08 Today I Learned Node.Js Install VSCode Install VSCode Extension Index.html Node.Js https://nodejs.org/ko/ -> LTS download Node version check : node -v https://github.com/coreybutler/nvm-windows/releases -> " nvm-setup.zip " download NVM version check : nvm version VSCode https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code edito.. 패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220330 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220330 Day03 Today I Learned GitBlog Node.js Hexo .gitignore Branch GitFlow Git Blog Node.js(https://nodejs.org/en/) 설치 $ npm install -g hexo-cli username.github.io 리파지토리 생성 $ touch index.html Init hexo project $ npm install -g hexo hexo init {directory name} cd {directory name} npm install $ hexo clean && hexo deploy $ hexo server .gitignore 특정 파일을 추적하고 싶지 않을 경우 .gitignore 파일을 만든 뒤 추적을 원하지 않.. 패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220329 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220329 Day02 Today I Learned Start Git Project(clone, init) Start The Git Project $ git clone $ git init Start Project With Clone 깃허브에서 repository 생성 $ git clone {repo address} $ git add $ git commit $ git push Start Project With Init $ mkdir {repo name} $ cd {repo name} $ git init $ git remote add origin https://github.com/{username}/{reponame}.git $ touch README.md $ git add README.md $ git.. 패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220328 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220328 Day01 Today I Learned shell vim git commit Shell 운영체제에서 커널과 사용자 사이에서 사용자의 명령을 해석하고 처리 결과를 나타내주는 프로그램. 명령 줄 쉘(CLI), 그래픽 쉘(GUI)로 구분한다. 다양한 운영체제에서 bash가 기본 쉘로 채택되었다. Shell Command ~ : 로그인한 사용자의 상위 폴더 $ : 명령어를 입력받을 준비가 완료되었다는 의미 ls : 사용가능 디렉토리 목록 확인 cd : change directory, 디렉토리 변경 mkdir : make directory, 디렉토리 생성 .. : 상위 폴더 . : 현재 폴더 - : touch : 텍스트 기반의 새로운 파일을 만들 때 사용, 특정 프로그램을 거쳐 여는 파일(.ex.. 패스트캠퍼스 챌린지 최종 후기 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 후기. 22년을 시작하며 시작했던 50일 환급 챌린지가 드디어 끝났다. 사실 챌린지가 종료되었다고 개발 공부를 끝내는 것은 아니지만 우선 챌린지를 완주하였으니 환급 챌린지의 후기 정도가 되겠다. 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 강의는 더 다양한 개발 언어를 공부해보고자 강의를 찾아보다 알게된 강의였는데 찾게된 딱 그 날까지 50일 환급 챌린지 신청을 받고 있었어서 후다닥 신청하고 결제했던 강의였다. 사실 이렇게 유료로 된 강의를 결제해본 것은 처음이라 나에게 열심히 공부하자는 목표를 만드는 기회가 되기도 했었고, 해이해질 때에도 마음을 다 잡아 더 열심히 공부하는 기회이기도 했다. 사실 나는 엄청난 작심삼일의 인간이여서 챌린지를 시작할 때에도 걱정을 조금 하기는 했었다. .. 패스트캠퍼스) K-Digital Credit 프로그래밍 첫걸음 시작하기 5주 차 수강후기 | 프로그래밍 기초 인강 챌린지 5주 차!! 온라인 스터디는 어제 4주 차까지 진행하였고 5주기간의 커리큘럼이기에 스터디는 4주 차로 끝났다. 커리큘럼도 모두 진행하였고 마지막 프로젝트만을 남겨둔 상태이다. 5주 차 강의에서는 프로그래밍 강의가 아닌 개발자의 커리어 로드맵에 관련된 강의였는데 프론트엔드, 백엔드에만 관심을 갖고 있던 나에게 웹 퍼블리셔에 대해서 좀 더 자세하게 알 수 있었던 강의였다. 웹 퍼블리셔 웹 퍼블리셔는 쉽게 말하자면 디자이너와 개발자 사이의 중간 단계를 담당하는 사람으로 디자이너가 디자인한 페이지를 개발 단계 이전에 퍼블리싱하는 업무를 담당하는 사람이다. 페이지를 꾸미기위해 포토샵 등의 툴을 사용할 줄 알아야하며 코딩을 위해 HTML, CSS, JQuery 등 반응형 웹에 대한 지식을 어느정도 갖추어야 .. 패스트캠퍼스 챌린지 50일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online 챌린지 50일 차. 50일 챌린지의 마지막 날!!! 보다 폭 넓은 언어를 공부해보자 마음먹었던게 어제 같은데 벌써 챌린지의 마지막날이 되었다. 마지막 글은 무엇에 관한 글을 쓸까 강의목록을 쭉 보다가 타입스크립트에 대해 정리해보기로하였다. 리액트와 동시에 더 공부해보고싶은 분야였기때문에 이전에 쓴 리액트에 이어 타입스크립트에 관해 정리해보았다. Structural Type System VS Nominal Type System 타입 시스템은 타입스크립트의 타입 체계를 이해하는데에 도움이 된다. 타입스크립트는 Structural Type System을 따르고 있다. Structural Type System은 구조가 같으면 같은 타입이라고 정의하는 방법이다. interface IPerson { name: st.. 이전 1 2 3 4 5 ··· 9 다음
