src에 경로를 입력할 때 상대경로로 입력할 것: 상대경로가 아닌 절대경로로 입력하면 VS Code에서 Open with Live Server 기능을 활용하여 파일을 보면 잘 작동하지만, 그냥 폴더에서 더블클릭해서 html 파일을 열면 작동하지 않았다. 어떻게 보면 정말 사소한 것인데 이런 것도 직접 페이지를 만들어보면서 배웠다.
로컬 파일들을 GIT 리포지토리에 푸시하기: 어제 튜터님께서 우리 팀에 피드백해주신 내용 중 GIT을 꼭 써보라는 항목이 있어서, 피드백을 반영하여 팀원들이 모여서 천천히 해보기로 했다. 다행히 팀원 분 중에 사용법을 잘 아는 분이 계셔서 화면공유 하면서 차근차근 직접 해보니 좀 더 이해가 됐다.
💡 깃이 관리하는 세 개의 공간 - 작업 디렉터리, 스테이지, 저장소
git add 파일명
Git에 푸시하려는 파일을 스테이지에 추가
git commit -m "커밋 메시지"
스테이지에 추가된 파일을 커밋으로 생성
git remote add origin 원격저장소url
로컬 리포지토리에 GitHub 등의 원격 저장소를 추가
git push origin 브랜치명
최종적으로 변경된 커밋들을 원격 저장소로 푸시
2. 어제 팀별로 제출했던 미니플젝 S.A. 피드백을 보며 배운 것
프로젝트 역할 분담의 세분화: '계획-개발-테스트'로 이어지는 프로젝트 관리는 매우 중요하다. 이러한 프로젝트 관리를 더 잘하기 위해서 역할의 세분화는 필수!
컴포넌트 중심 개발: 반복되는 UI 요소가 있다면 이걸 어떻게 하나의 컴포넌트로 묶어 한번에 수정할 수 있을까 고민하기 (이게 이번에 개인소개 페이지를 만들면서 가장 어려운 부분이었다.. 공통된 요소를 묶는게 익숙치 않다보니 다 잘개 쪼개서 각각 다 때려넣어~~)
💡 CRUD란? 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다. 사용자 인터페이스가 갖추어야 할 기능(정보의 참조/검색/갱신)을 가리키는 용어로서도 사용된다. (출처 https://ko.wikipedia.org/wiki/CRUD)
항상 CRUD를 고려하기: 다른 조 피드백에서 본 내용인데 CRUD라는 용어를 처음 들어봐서 따로 찾아보았다.
코딩 컨벤션이란: 읽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코드 작성 표준이다. 구글링해보니 NHN 코딩 컨벤션이라는 PDF 문서가 보인다. 이건 부트캠프에서는 아주 기본만 충실히 배우고, 실무에서 구체적으로 배워야 할 내용인듯 하다. (기업마다 코딩 컨벤션 문화가 다를듯 해서..)
3. 아직 잘 모르겠는 것
화면 사이즈에 따라(=사용기기에 따라) 레이아웃 바꾸는 방법: 내가 오늘 구현한 개인 소개 웹페이지 구현하면서 크롬창을 모니터 끝으로 줄였더니 글씨가 짜부되는 현상이 발생.. 사진 밑으로 글들이 알아서 내려갔으면 좋겠는데.. 이건 내가 스마트폰이나 아이패드를 사용할 때도 종종 불편함을 겪는 부분이라 이번 페이지를 구현하면서 더 궁금해졌다.
자바스크립트: 얼른 자바스크립트 배우고 싶다. 내가 구현하고 싶은 기능은 다 JS를 써야하네..
API에 대한 이해: 이번 주말에 정처기 필기 시험이 끝나면 웹종반 API 부분 강의를 다시 수강하면서 복습이 필요할 듯 싶다. 감이 올듯? 말듯? 수업에서 설명할 땐 "아 완벽히 이해했어!" 하면서 넘어갔는데 막상 프로젝트 하면서 API 이야기 하니깐 또 1도 모르겠읍니다 (ㅠ ㅠ)
GIT에 대한 추가 이해: 어제 특강 해주신 튜터님의 인프런 강의를 수강할 수 있게 되었다. 팀원들 말로는 분량이 꽤 많다고 하던데.. 시간 날 때마다 틈틈히 수강하며 GIT에 대한 이해도를 더 넓히고 싶다.
