오늘의 생각
마치며
어제 오늘 솔로 프로젝트를 진행하며 아주 진땀을 뺐다...ㅠ
Github 사용법이라던가 JS 다루는 것 등 아직은 미숙한 부분이 많다.
그래도 정해진 시간내에 무사히 마무리한 것에 의의를 두며.. 이번주는 복습에 매진해야겠다.
오늘의 학습내용
1. 제작과정
이틀간은 솔로프로젝트로 나만의 아고라스테이츠 페이지를 작성하였다.
구현할 기능은 아래와 같다.
- 게시글 작성/제출 기능
- 게시글 리스트업 기능
- 리스트업 더미데이터에 대한 배열 렌더링 기능
2. 시행착오 및 개선사항
1) 시행착오
디스커션 나열하기(배열 렌더링)
data.js의 더미데이터를 게시글 리스트에 순서대로 매칭하는 부분에서 계속 애를 먹었다. 더미데이터의 객체 구성 형태와 반복문에만 집중하다보니 convertToDiscussion 더미데이터 변수명에 for문을 사용하여 index를 반복할 생각만하는 오류를 범하였다.(agoraStatesDiscussions[i] 이런식으로..)
이미 render 함수에서 for문을 사용하여 화면에 배열 요소를 렌더링해주는 기능은 구현되어 있었고 converToDiscussion 함수에서는 obj 파라미터를 활용하여 객체의 형태를 구현해주기만 하면 되는 것이었다..
코드를 볼때는 항상 각 함수나 변수들이 어떤 역할을 하는지 전체적인 구조나 로직을 읽고 들어갈 필요가 있음을 다시 한번 깨닫게 되는 시간이었다.
2) 개선사항
- 게시글 업로드 시, discussin__information에 현재시간 자동 출력하기
- 게시글 입력 후 Enter 버튼 클릭 시 게시글 업로드하기
- 게시글 입력 란 텍스트 크기 키우기
- answer 유무에 따른 체크박스 가독성 키우기
3. 화면
4. Github 배포
1) 시행착오
이번에 또 진땀을 빼게 한 가장 큰 부분이 바로 프로젝트 제출을 위한 Github 다루기였다.
나도 얼른 다른 개발자들처럼 Git을 이용해 멋지게 repository를 만들고 협업하고 싶은데 그 길은 멀고도 험난한 길이다.. @_@
특히 이번 과제 제출 때 무슨 이유에서인지(원격 repository와 local repository 사이에 파일간의 괴리나 경로가 꼬인 것 같긴한데) git push 부분에서 자꾸 오류가 났다. 이것 때문에 여러번 원격 repository 부분을 pull한 뒤 다시 push를 시도했지만 번번히 실패해서 아주 그냥 머리털 다 뽑히는줄 알았다 ^^!
계속되는 오류에 기존 repository를 삭제하고 fork부터 pull request까지 전체 과정을 다시 해보게 되었고 엄청 고생했지만 덕분에 Github 사용법은 어느정도 익숙해진 것 같다.
2) 배포 과정
2-1) contribute를 원하는 repository 포크하기
2-2) 로컬 repository로 원하는 폴더에 파일 clone하기
git clone 포크 repository 주소
2-3) 로컬 repository에서 작업 진행 및 완료
2-4) Github 업로드
git init
git add . (또는 파일명)
git status (staging area 확인 / 필수는 아님)
git commit -m "커밋메시지"
git remote -v (잘 연결되었는지 확인)
git push origin main (master에서 main으로 변경됨)2-5) pull request하기
-
fork한 나의 repository에서 작업 진행
-
comparing changes 경로 확인
: 좌(원본 리포지토리) 우(포크한 내 리포지토리)
3) 배포 링크 만드는 법
배포링크를 만드려는 내 repository > setting > page > branch 선택 후 생성
