⏳ 2023. 4. 24. 19:00 - 22:00 git이란? 대부분의 기업에서 선택한 VCS(Version Control System)로 파일의 변화를 추적하고 관리하는 시스템이다. 유지보수성에 큰 도움을 주기 때문에 개발자라면 git을 반드시 활용하자! github란? git을 사용하는 프로젝트를 지원하는 웹호스팅 서비스다. git이랑 github를 헷갈려 말하면 개초보로 보인다고 한다.. 조심~! git의 특징 단순한 구조, 빠른 속도 분산형 저장소 지원 비선형적(브랜치) 개발 가능 git의 구조 Blob : 파일 하나의 내용에 대한 정보 Tree : Blob이나 subtree의 메타데이터(디렉토리 위치, 속성, 이름 등) Commit : 커밋 순간의 스냅샷 사진으로 비유하면, Blob(사진 찍히..

⏳ 2023. 5. 1. - 2023. 5. 7. 나도 시작했다. 기술 블로그!(그런데 이제 일상을 곁들인..) 이번 주에는 🪖 예비군 훈련과 갑자기 타오른 블로그 욕구 때문에 공부를 얼마 못했다. 😅 빨간 날이 많아 더 많은 공부 계획을 세웠는데.. 하지만 블로그를 꼭 시작하고 싶었기 때문에! 후회하지는 않는다!! 앞으로는 노션이 아닌 블로그로 학습일지를 작성하려고 한다. 쿠키즈들 많이 와서 봐주세요~ ㅎㅡㅎ lipsum.com 어떤 예시를 볼 때면 Lorem Ipsum is 어쩌고..를 자주 봤는데, 이런 의미없는 긴 문장을 생성해주는 사이트가 있었다.(와우~ 인터레스팅~) 의미없는 긴 문장이 필요할 때 사용하자. https://lipsum.com/ Lorem Ipsum - All the facts ..

⏳ 2023. 4. 24. - 2023. 4. 30. 😎 2주차 베스트 TIL에 선정되었다. 🥳 혼자 공부하면 이렇게 열심히는 정리하지 않는데, 쿠키즈와 함께라서 열정이 🔥 타오른다. 또한, 노션에 보기 좋게 정리하는 것이 화면에 최적의 경험을 제공하는 프론트엔드 개발과 결이 비슷하다고 생각했다. 그래서 학습일지 작성에 꽤 오랜 시간이 걸리지만.. 다 작성하고 나면 뿌듯하고, 복습할 때도 편한 장점이 있다! 3주차도 베스트 TIL 가보자고~ 개념원리 css는 개념적인 공부보다는 실제 적용하는 경험만 많았다. 그렇기 때문에 형제 선택자, 가상 요소 선택자 등 정확한 명칭을 모르고 사용한 경우도 있었고, 강의를 듣고 나서야 이 부분에 대한 이해가 부족했구나 느끼기도 했다.(특히, 우선순위) 하루하루 조금씩이..

⏳ 2023. 4. 17. - 2023. 4. 23. 2주차는 시험 기간으로 필수 과정 강의가 따로 제공되지 않았다. 그래서 16일, 선택 과정을 듣기 시작했다. 이건 못 참지 아, 코드가 길어지면서 눈이 빠질 것 같아서.. vscode 익스텐션 indent-rainbow를 설치했다. 1주차를 돌아보며 주차별 [베스트 TIL]을 선발한다고 해서 내심 기대했다. 하지만 세상에 고수는 많았다.. 부러웠고, 분했다! 😭 베스트 TIL로 선정된 다른 쿠키즈의 글을 보며 인정하지 않을 수 없었다. 꼼꼼하게 정리된 학습 일지를 보니 괜히 기분이 좋아.. 나도 베스트 TIL 뽑힐 수 있도록 더 꼼꼼하게 써야지! 학습 일지를 작성하는 것은 나에게 큰 도움을 준다. 배운 내용을 글로 써내려가는 과정에서 생각을 정리할 수..

⏳ 2023. 4. 10. - 2023. 4. 16. 기다리고 기다리던 카테캠 활동이 시작되었다. 1주차를 마무리하며 글을 적어본다! 웹 개발 기초 교육 카테캠은 10주에 걸쳐 1단계 교육(필수, 선택, 특별)을 온라인 강의로 제공한다. 특별 과정은 퀴즈를 전부 맞추면 제공한다고 하는데, 다 맞아서 꼭 들을 수 있는 기회가 오면 좋겠다! OT를 듣자마자 필수 과정은 당연하고 선택 과정도 무조건 들을 것을 다짐했다. 사실 이번 주에 빨리 필수 과정을 듣고 선택 과정도 찍먹하려고 했는데, 시험때문에 선택 과정은 시작이 조금 느려질 듯하다.. 그래도 꼭 다 들어야지! 필수 과정은 아직 초반이라 그런가 (물론 나도 초보지만) 생각보다 더 기초를 다뤘다. vscode 설치부터 시작해서 아주 친절한 강의다. 웹을 ..

⏳ 2023. 5. 1. - 2023. 5. 7. 배운 것을 써먹자. html, css는 물론, git과 마크다운 문법에 익숙해지자! https://github.com/iam454/overwatch-hero-selector-vanilla GitHub - iam454/overwatch-hero-selector-vanilla Contribute to iam454/overwatch-hero-selector-vanilla development by creating an account on GitHub. github.com 마크다운 문법.. 잘 몰라서 몇 번이나 업데이트했다.. 껄껄

⏳ 2023. 5. 1. - 2023. 5. 7. 전환 transition transition: transition-property transition-duration transition-timing-function transition-delay; transition-timing-function 전환 효과의 타이밍(Easing) 함수를 지정 transition-timing-function: ease; -> 느리게-빠르게-느리게 타이밍 함수에 대해 더 자세히 알아보려면? https://easings.net/ Easing Functions Cheat Sheet Easing functions specify the speed of animation to make the movement more natural. ..

⏳ 2023. 5. 1. - 2023. 5. 7. flex flex는 주 축(main-axis)과 교차 축(cross-axis) 중 주 축을 기준으로 요소들을 정렬하기 위한 방법이다. 보통 수평으로 정렬하기 위해 사용된다. flex-direction flex-direction: row; -> 행(좌 => 우) row-reverse : 행(우 => 좌) column : 열(위 => 아래) column-reverse : 열(아래 => 위) flex-wrap flex-wrap: nowrap; -> 줄바꿈 없음 wrap : 여러 줄로 묶음 justify-content 주 축의 정렬 방법 jusify-content: flex-start; align-content 교차 축의 여러 줄 정렬 방법 align-conte..