Developer Camp[Fastcampus NKLCB] 2021.0723 git(2) 내용 정리 1. repo 생성 2. git clone {주소} 3. main에서 파일을 만든다. 4. 기본 코드 작성 ------ 기능 추가 -------- 1. git flow init : develop 레포가 만들어지고 자동으로 옮겨질 것이다. 2. git flow feature start {기능이름} 3. 코드 수정 4. git add {파일이름} 5. git commit m 6. git flow feature finish {기능이름} ------- 릴리즈 ---------- 7. git flow release start {릴리즈이름} 8. git flow release finish {릴리즈이름} 9. 2번째만 커밋제목이랑 내용. 10. git push -u origin develop 11. git switc.. 2021. 7. 23. GIT/GITHUB(2) - branch 사용법 - branch 전략 : git flow Branch 깃헙레포만들고 - 클론하고 gitignore 역할 프로젝트, 프로그래밍 파일들을 실행하고자 할떄 생성되는 부산물(캐쉬 등) 이런것들을 미리 깃에 알려줘서 이런 종류의 파일들은 너가 트래킹 할 필요없다. 라고 알려주는 것. vi .gitignore # custom .hidden/** keyfile.pem *.db thumbs.db 맥 OS에서 finder로 한번이라도 그 파일을 열면 .DS_Store 생성되는데 이거 생성안되게 할 수 있다. 윈도우에서 thumbs.db 임시파일 esc- :wq mkdir .hidden 만들고 touch .hidden/server.java를 만들어보자. touch keyfile.pem touch u.. 2021. 7. 23. 7.20 독학 예습 10 useRef로 DOM선택 2~3 11 배열 렌더링하기 3~4 12 useRef로 컴포넌트 안의 변수만들기 4~5 알고리즘 문제풀이로 인하여 아래 취소 13 배열에 항목 추가 5~6 14 배열에 항목 제거 7~8 15 배열에 항목 수정 8~9 2021. 7. 20. 5일차 : Javascript(1) INDEX Javascript 연습 방법 변수와 상수 변수 let 상수 const null, undefined 연산자 비교연산자 조건문 if, else, else if switch 문 함수 ES6 ECMAScript6, ES2015 template literal arrow function 객체 Javascript electron으로 데스크탭 프로그램을 만들수도 있다. react native, nativescript로 모바일용으로도 만들 수 있다. node.js로 javascript를 사용할 수 있기 때문에 iot에서도 사용할 수 있다. https://learnjs.vlpt.js 참조 연습 방법 codesandbox에서 주황색(vanaila script)을 통해서 javascript 자체만 사용할 수 있다.. 2021. 7. 16. 4일차 : CSS Flex https://heropy.blog/2018/11/24/css-flexible-box/ CSS Flex(Flexible Box) 완벽 가이드 많은 경우 float, inline-block, table 등의 도움을 받아서 수평 레이아웃을 구성하지만 이는 차선책이며, 우리는 Flex(Flexible Box)라는 명확한 개념(속성들)으로 레이아웃을 쉽게 구성할 수 있습니다. CSS F heropy.blog Flex Flex를 사용하기 전 블럭들을 가로로 배치할 경우1 .container { border: 2px solid red; } .container .item { width: 100px; height: 100px; border: 2px solid; border-radius: 10px; display: in.. 2021. 7. 15. 4일차 : CSS Animation Animation animation 선언은 @keyframes로 하는 것 단축속성 animation : 이름 지속시간 [타이밍함수 대기시간 반복횟수 반복방향 전후상태 재생/정지]; 예시 .box { width: 100px; height: 100px; background: tomata; } .box:hover { animation: hello 2s linear infinite alternate; // alternate하면 반대도 모션 구현된다. } @keyframes hello { 0% { width: 100px; } 100% { width: 500px; } } ✅ 트랜지션이랑 무엇이 다른가? 트랜지션은 0%와 100%로 이루어져 있는데 animation과 keyframe를 이용하면 중간 과정을 만들 수 .. 2021. 7. 15. 이전 1 2 3 4 다음
