본문 바로가기

학원에서 배운 것85

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.
KDT 5th 웹개발자 입문 수업 18일차 - 1 1. Branch 기존 Master의 내용을 유지하면서 새로운 작업 영역을 여는 방법 각개 Branch를 파서 작업을 하면 해당 작업 사항은 master에 전혀 영향을 끼치지 않는다. 그렇기에 branch에서 원하는 기능을 개발하다가 완성이 되면 추후 merge 기능을 통해 master로 합치면 된다. 1-1. 현재 브랜치 확인 git branch 1-2. 새로운 브랜치 추가 git branch 브랜치명 1-3. 이동 git checkout 브랜치명 = git switch 브랜치명 1-4. 이름변경 git branch -m 기존브랜치명 새로운브랜치명 1-5. 삭제 git branch -d 브랜치명 2. Merge 병합은 main 브랜치에서 작업을 수행 main 브랜치로 이동 후, git merge 작업해.. 2023. 2. 20.
스케쥴러 HTML, CSS, JS 구현 수업 시간에 JS 구현을 위해 만들었던 스케쥴러를 좀더 보완하여 만들어보았다. 기존 과 을 사용하던 HTML을 ul과 li, display flex로 만들었다. CSS 상 약간의 디자인을 주었다. 특히 버튼의 경우, 코드펜에 올라온 것을 보고 사용..해보려고 했다. 내용이 길거나 스케쥴이 여러개면 디자인 요소를 해치므로 overflow hidden 처리 했다. JS 기능은 수업 때 배운 것과 동일하게 날짜칸을 누르면 날짜 인풋에 날짜가 들어가게 (달력 부분에 입력을 받지만 요일 한자는 해당 사항 없게끔) 날짜가 들어간 상태에서 스케쥴을 입력하고 추가버튼을 누르면 해당 날짜 아래에 스케쥴이 추가되게 추가된 스케쥴은 e.target으로 접근하여 누르면 삭제되게 수업 때와 동일한 기능이지만 HTML 구조가 완.. 2023. 2. 18.
[ 포스코 x 코딩온 ] 주차 회고 및 프로그래머스 옹알이 풀이 벌써 부트캠프 3주차? 가 끝나는데 짧은 기간에 많은 것을 배운 것 같다. 물론 혼자 공부하며 독학으로 개념을 다진 것도 있지만, 역시 직접 배워서 써보는 것이랑은 많이 다르다. 대강 이렇게 쓰이나...? 하던 것들이 배움을 이어가며 이렇게 쓰이는구나...! 로 바뀌고 있다. 점차 이러한 것들이 늘어가면, 부트캠프 끝날 때즈음에는 더욱 향상된 내가 되겠지 싶다. 이번 주말에는 복습을 하며 미리 만들어놨던 스타벅스 사이트에 JS를 적용 시켜볼 것이다. + Swiper 사용 프로그래머스 입문(Lv0)을 전부 끝낼 생각이다. 지금까지 배운 내용을 복습(노션에 이미 정리 완료) + 이번 주차에 배운 내용을 노션에 정리할 예정이다. Map 과 Set에 대해 가볍게 개념 공부를 할 예정이다. 마지막으로 시간이 만약.. 2023. 2. 17.

티스토리툴바