본문 바로가기

분류 전체보기

(109)
패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220420 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220420 Day Today I Learned IP Quiz IP Quiz 문제 1.다음 중 웹 페이지를 꾸미기위해 주로 사용하는 언어는 무엇인지 고르시오. 1) HTML 2) CSS 3) JavaScript 4) react 정답. 2) CSS 해설. 웹 페이지를 꾸미기위해 주로 사용되는 언어는 CSS이다. 문제 2. 다음중 가로, 세로의 두 방향을 지정하는 2차원의 레이아웃 시스템은? 1) flex 2) position 3) grid 4) relative 정답. 3) grid 해설. 가로, 세로의 두 방향을 지정하는 2차원의 레이아웃 시스템은 grid이다.
패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220414 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220414 Day13 Today I Learned CSS At-Rules CSS 변수 레이아웃 클론 코딩 시범 CSS At-Rules @media 타입 or (기능) or (기능) ...... (or (기능) 은 여러번 추가할 수 있다. Portrait 디스플레이의 세로길이가 더 길 때 사용한다(ex. 폰을 세워서 사용할 때) orientation : portrait Landscape 디스플레이의 가로길이가 더 길 때 사용한다(ex. 폰을 눕혀서 사용할 때) orientation : landscape 레이아웃 클론 코딩 과제 사이트 정하기 왓챠
패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220413 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220413 Day Today I Learned IP Quiz 풀이, 해설 1. 다음 Shell Command 중 맞지 않는 것은? mkdir : 디렉토리 생성 cat : 텍스트를 shell에 출력 rm : 파일 및 디렉토리 삭제 4. ls : 파일 생성 해설 ls : 파일 조회 2. 다음 중 파일의 내용을 확인하기 위하여 사용하는 명령어는? vi cd cat touch 해설 vi : 파일 수정 cd : 디렉토리 이동 touch : 파일 생성 3. git 에서 작업 내용을 스테이징(staging)하는 명령은? git commit git push git status git add 해설 git commit : 스테이지 영역에서 대기중인 파일들 커밋(로컬 저장소에 저장)하는 명령 git push : 작업..
패스트캠퍼스) KDT 핀테크 서비스 프론트엔드 과정 2기 220406 TIL | 국비지원교육 | 핀테크 프론트엔드개발자 ## 220406 Day10 Today I Learned IP(Interactive Programming) 퀴즈 제작 (Git/Github) IP(Interactive Programming) 문제 1. 다음 중 깃의 장점으로 옳지 않을 것은? 인터넷이 연결되어야만 개발이 가능하다. 소스코드를 주고받을 필요 없이 동시작업이 가능하다. commit 단위로 수정내용을 관리할 수 있다. Branch로 개발하여 실험이 가능하다. 정답. 1) 인터넷이 연결되어야만 개발이 가능하다. 해설. 1) 인터넷이 연결되지 않아도 개발이 가능하다. 문제 2. 다음 중 Shell Command의 명령어와 기능이 옳게 연결된 것은? mkdir : 디렉토리 변경 touch : 대상 파일을 삭제 ls : 현재 디렉토리 숨김 cd : ..
패스트캠퍼스) 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..