- 목표 (만들고 싶은 프로그램, 서비스)
- 기획
- 기획을 최소화 (코어 기능, ex: 토스=송금기능)
- 최소한의 기술로 구현
개인 프로젝트 만들기
(팀 프로젝트는 내 역할이 증명이 안됨)
- ctrl + D를 누르면 동일한 단어를 하나씩 추가로 멀티커서를 할 수 있어요
- ctrl + shift + L을 누르면 동일한 단어를 모두 멀티 커서 할 수 있어요~!
display: none
display: grid
grid-template-colums : 열로 배치
grid-template-rows : 행으로 배치
1fr = (분수)
ex) 1fr 2fr 1fr = 1/4 2/4 1/4 = 1:2:1
반응형 웹 디자인
화면 크기에 반응하여 디자인 변경 ( 숫자px보다 화면이 크면 {} 내용 반영 )
@media (min-width: 숫자px) { }
filter:invert(1~100%)
반전모드
getbootstrap.com : 이미 만들어진 CSS를 가져와서 사용할 수 있는 사이트
bootstrap은 화면을 12등분
ex) col3 - col9
반응형으로 구성
col-xs-숫자(1~12)
col-sm-숫자(1~12)
@media(조건) {css 코드블럭}
@media (360px <= width <= 720px) {
.map {
transition-property: 적용될 대상
transition-duration: 적용되는 시간
transition-timing-function: 적용되는 효과
transition-delay: 딜레이 적용 시간
transition: 한 줄로 작성 (duration-delay 는 순서대로 작성)transition에서 중요한 것 : 조건이 필요!
가상 선택자 :
>발생할 일에 대한 명령 지정
meta 태그
1. 인코딩 방법 지정
2. 정보 공유
3. 명령
transform : 특정 요소에 효과를 적용
깃 사용방법
git status : 깃의 현재 상태 확인
git log : 작업한 내역 확인
git log --online : 내역 한 줄로 확인
git init : 작업할 폴더 지정 (Working Directory)
git add GitPractice/index.html : GitPractice 폴더의 index.html 파일을 업로드(여러 개 나열하여 업로드 가능) (Staging Area)
git add . : 현재 폴더의 모든 파일 업로드
git add -A : init을 통해 지정한 Word Directory의 파일만 업로드
git commit -m '메모' : '메모'태그를 달고 작업 중인 상태로 깃에 업로드 (Git Directory)
git reset HEAD~n : n번째 전으로 롤백
--hard : 돌아가는 커밋 지점 이후의 작업 내용을 모두 삭제하고 롤백
--soft : 돌아가는 커밋 지점으로 돌아감 (삭제 X)ㅇ
/--
git revert : 기존 커밋을 가져와서 새로 작성
[git]
버전 관리 시스템
-
git init : 작업공간(repository) 등록, 생성
- 최초 1회 등록
-
git status : 작업공간의 작업 상태(status) 확인
- 작업 중간중간 작업 내용물의 상태 확인하기
-
git add (파일 경로) : 작업물 등록 (staged)
- 새로운 작업, 수정한 작업 등을 등록해 커밋을 준비
- 파일 경로 : 현재 위치부터의 경로 + 파일명
- git add . : 현재위치부터 하위 파일 전부 등록
- git add -A : 작업공간 내 모든 파일 등록
-
git commit : 등록된 작업물의 저장 및 버전 생성
-
git log : 작업공간의 커밋 내역 확인
- git log --oneline : 한줄로 출력 (간소화)
-
git reset (해시아이디) : 커밋 버전 복귀, 돌아가기
- git reset --hard : 기존 커밋 완전 삭제 후 복귀
- git reset --soft : 기존 커밋 유지하며 복귀
→ git revert (해시아이디) : 원하는 커밋 버전을 가지고와서 새로운 커밋 생성
//Lodash
//시간을 다룰땐 Luxon라이브러리 사용 (타임존 셋팅, 지금부터 몇시간 후 처리 등)
//Handsontable 엑셀과 같은 형태의 스프레드 시트를 쉽게 만들 수 있다.
//D3.js 데이터 시각화 할 수 있다. (난이도 있음)
//Chart.js 간단한 그래프 출력
//Three.js 3D 3차원 그래픽
