<2023.09.11>
<부트캠프 2주차 멘토링>
😀 좋았던 것
멘토링을 통해 현업에서의 스타일들을 접할 수 있게 되어 좋았다. 멘토링 내용은 아래와 같다.
<1주차 위클리 미션 공통 피드백>
1. 폴더를 구분하여 관리하자 (정적리소스)
- assets폴더-> img폴더
- styles폴더 (css 파일들 저장)
- 스타일 명명 규칙 (naming 규칙)
- id 선택자는 최대한 쓰지 말자
- 알아보기 쉽지만, 재사용가능한 네이밍으로!
- em과 rem
- 현업에서 안 씀 (변경되면 안됨)
- 그 차이 알아두긴 해야함. 원리를 알아야 함. (em은 상위 요소를 기준으로/ rem은 최상위 요소-html태그를 기준으로)
-> 현업스타일: px로 하고 미디어쿼리와 같은 것을 통해 반응형으로 !!!
-> line-height: (%, 상수, px)-> em/rem 단위가 없음 (부모나, 최상위 요소에 따라 값 달라짐)
- vh, vw는 최상위 컨테이너에서 주로 사용한다.
-> vh/vw는 root 스타일에 적용함
- 그러면 반응형을 위해서 현업에서는 vh/vw, em/rem 보다 px단위로 하고 미디어쿼리로 하는 경우가 많다.
-> css 쌓임 맥락 알기
- 폰트 사용법
- 링크로
- script로 쓰는 건 지양
- 폰트 최적화 (어느 시점에서 호출, 캐싱)
< Q&A>
1. css 로드맵 알면 좋음.
2. 프로젝트의 질이 좋다는 건?:
- 알고 썼냐/모르고 썼냐-> 사소한 거 하나로도 알 수 있음
(그니까 코드 한 줄 한 줄 잘 알고 쓰자)
-> 같은 코드라도 어떤 의도로 그런 코드를 짠 건지.
-> 여러 명이서 작업한 경우:
서류: 프로젝트 완성도 / 면접도: 완성도에서 담당한 부분 (어떻게 구현해서 이렇게 되느냐, 구현하면서의 트러블 슈팅)
- CSS에 대한 조언
- css는 무조건 top-down (구조 대략적으로 잡고, 내부를 채워가는 것을 고민하자-> 주석으로)
- css 위에서 아래로 정리하는 습관 (position-> display-> padding->border->margin->color->font-size->background->transform) : 이 순서로 짜는 거 연습하자
😀 아쉬웠던 것
오늘은 진짜 할 일에 압도되는 기분을 느껴 초조하고 불안한 기분이 들었다. 월화수목금토 부트캠프 강의를 수강해야하며, 수요일 목요일에는 졸업하고 해외인턴을 가기위해서 돈 벌어야하니까 근로 알바를 한다. 월요일 금요일 토요일에는 gdg 프로젝트 고정 모임과 주중에도 꾸준히 프로젝트 작업을 진행해야 하며, 중간중간 빽다방 알바 파출도 가고, 사피엔스 코딩 교육도 간다. 여기까진 힘들지만 여차저차 버틸 만 했지만, 최근에는 미뤄 두었던 졸업 프로젝트에 대한 압박이 더해지면서, 압도되는 기분이 들었다.
일단 우선순위 가장 급한 거, 중요한 거를 생각해보자.
일단 근로 돈을 버는 것은 당장 급한 일은 아니기에, 이번주는 근로를 아예 뺄 예정이다. 그러면서도 돈을 벌어야한다는 압박감에 찝찝하긴 하지만, 선택과 집중을 해야하는 시기인 것 같다. 운동도 못 하고 있어서, 아침에 일어나면 몸이 아프고 찌부둥한 기분이다.
😀 가장 고민했던 것
어떻게 하면 시간을 효율적으로 쓸 지, 가장 정신없는 이번주를 효율적으로 보낼 지에 대한 고민을 하였다. 아래의 계획대로 매일매일 뇌가 없다 생각하고, 지내보려고 한다. 화이팅이다 진짜... 침착하게 하나씩 처리해보자.
😀 내일은 어떻게 보낼 건지
- 월:
- gdg 프로젝트 집중 (코디네이터 메인페이지 완성), 마이페이지 완성, 여러 개념들 학습 후 벨로그 업로드 (로컬스토리지, 도커, 통신, cors 오류 정리)
- gdg 프로젝트 사진 전송 백과 통신 (저녁)
- 졸업 프로젝트 설계
- 2시 코드잇 팀 미팅
- 화:
- 사피엔스
- 코드잇 유닉스 커맨드 라인 끝내기
- 깃 협업 끝내기
- 피부과
- 졸업 프로젝트 회의
- 수:
- 졸업 프로젝트 프론트 완성
- 코드잇 멘토링
- 목
- 코드잇 이번주 꺼 완성
- gdg 프로젝트 집중
<2023.09.14>
😀 좋았던 것
나는 이번 gdg 프로젝트를 하면서 깃허브 협업 방법에 대해서는 어느정도 익혔다고 생각이 들었다. 하지만, 갓 커맨드 결과의 내용을 정확히 이해하지 못하는 경우도 있었고, 각 커맨드의 역할을 제대로 알지 못하는 것들도 있었다. 하지만 이번 주차 부트캠프 강의들을 통해, 깃에 대해 완전히 익혔던 것 같다. 또 이번주는 정말 바쁜 주였다. 졸업프로젝트에, gdg 프로젝트도 얼마 남지 않았고, 코딩 교육도 가야하고, 부트캠프도 강의도 들어야해서 너무 부담이 되었다.
그래도, 이번주는 내가 좀 알고 있는 개념인 git 개념을 배울 수 있어서 좋았던 것 같다. 또한, 팀 미팅에서의 각자 돌아가면서 질문하고 답해보는 팀 미션을 통해서, 내가 잘 안다고 생각했던 개념들도 확실히 한 번더 정리할 수 있었던 것 같다.
😀 아쉬웠던 것
흠,, 아쉬웠던 것은 딱히 없다.
😀 가장 고민했던 것
처음 접해보는 깃 명령어인 git reset을 이해하는 데 오랜 시간이 걸린 것 같다. 그래서 나도 정리를 하기 위해 팀 미팅에서 reset과 checkout의 차이에 대해서 물어보았다. reset은 해당하는 커밋 아이디를 Head가 가리키게 브랜치와 함께 이동하는 것이다. 따라서 현재 Head 위치의 전과 후 모두로 이동할 수 있었다. 이전으로 이동할 경우, 그 이후의 것들은 사라지는 것이 아니고 아이디만 기억한다면 다시 되돌아갈 수 있다. 만약 아이디를 기억하지 못하더라고 reflog라는 커맨드를 통해 돌아갈 수 있다. reset이랑 비슷한 것이 revert인데, 여기서도 커밋을 제거하는 것인데, 새로운 커밋을 만들어낸다는 점이 reset과 달랐다.
checkout은 브랜치로 이동할 수도 있고, 바로 커밋으로 이동할 수도 있었다. detached head 상태는 바로 커밋으로 이동하여 head가 바로 커밋을 가리키는 것이다. 여기서 브랜치를 이동해주면 head도 그것을 따라 이동하고, 해당 브랜치를 가리키며, 간접적으로 해당 커밋을 가리키게 되는 것이다.
따라서, 커밋 결과의 화살표는 head가 가리키는 브랜치 그리고 그 커밋 내용을 나타낸다.
- git log: 커밋 내용들 보여줌/ git status: 프로젝트 상태들 보여줌
😀 내일은 어떻게 보낼 건지
- 오전 11시 커리어 코칭
- gdg 프로젝트 모각작
- 깃 끝내기
- 6시 부트캠프 모임
