본문 바로가기

분류 전체보기321

바닐라 JS로 크롬 앱 만들기 (3) 수업을 들으며 추가적으로 JS에 관련된 기능들을 더 접근하고 싶어서 유명한 노마드코더의 바닐라 Js로 크롬 앱 만들기 수업을 듣기 시작했다. 앞 내용은 생략하고 DOM요소부터 알고 있는 내용을 복기하면서 찬찬히 듣기 시작한다! https://nomadcoders.co/javascript-for-beginners/lobby?utm_source=free_course&utm_campaign=javascript-for-beginners&utm_medium=site 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript For Beginners nomadcoders.co console.log() console.dir() ->>> 요소의 Object 안을 자세히 볼 수 있음 즉, .. 2023. 2. 21.
KDT 5th 웹개발자 입문 수업 19일차 - 2 랜딩 페이지 제작 1. 영상 고르기 https://pixabay.com/videos/ 2. 폰트 세팅 구글 폰트의 import 방식으로 scss에 @import 로 넣어주기 3. _reset.scss 구현 margin, padding 0 ul, ol list-style none a text-decoration none 4. Header 부분 KDT ABOUT HOBBY COMMUNICATION EFFORT 랜딩페이지므로 헤더만 있으면 된다. 5. SCSS를 사용하여 스타일 시트 작성하기 // Variable $font-color : white; // Common body { background-color: black; a { color: $font-color; } } // Header header { w.. 2023. 2. 21.
KDT 5th 웹개발자 입문 수업 19일차 - 1 프로젝트 시작 시 프로세스 1) 팀장 : 로컬 저장소 위치 지정 2) 팀장 : 깃헙 레포지토리 만들고 Settings -> Collaborators로 팀원 초대 3) 팀원 : Your organizations 에서 초대 join -> Accept invitation 4) 팀원 : git 주소를 받아서 git clone 주소 1. rebase 팀원이 push한 내용을 각자의 branch에서 작업 중 pull 하려고 할 때, main에는 해당 push한 내용이 있지만 자신의 branch에는 해당 내용이 없기 때문에 최신 업데이트된(pull) main 을 기준으로 자신의 브랜치를 업데이트 하고자 할 때 자신의 브랜치에서 git rebase main 해주면 된다. 그러면 main의 최신 사항이 자신의 브랜치에 .. 2023. 2. 21.
KDT 5th 웹개발자 입문 수업 18일차 - 2 1. Sass 2. SCSS CSS 에 if/for문/중첩 등이 가능한 것 Window의 경우 node.js 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Mac의 경우, brew install node.js 로 설치 설치되어있는지 확인은 node -v 입력 시 버전이 나오면 깔린 것 2-1. npx 로 직접 watch 하기 2-1-1 .scss 파일을 생성하여 작성 후, 2-1-2. npx sass --watch SCSS명.scss CSS명.css npx에게 sass를 사용하여 scss파일을 css파일로 변경해주는 명령어로, scss 파일을.. 2023. 2. 20.

티스토리툴바