[DAY1]미니프로젝트1

1nxeo·2023년 2월 6일

항해99

목록 보기
1/63
post-thumbnail

1. github 연결 오류

  1. 문제 : 협업에서 github 연결이 안됨
fatal: (현재 폴더 또는 상위 폴더 중 일부가) 깃 저장소가 아닙니다: .git
  1. 시도 : 구글링..?ㅋㅋ.. 사실 깃/깃허브 처음이라 잘 모르겠음.. 유료 강의 결제할 뻔 함. 하지만 포기하지않고 구글링
    코드잇 질문답변 사이트에서 해답을 찾을 수 있었다. 뭐가 문제인진 정확히 아직 봐도 모르겠지만, 일단 대충 코드를 보아하니 초기화 한 후에 다시 연결하면 되는듯.?? (참조 : https://www.codeit.kr/community/threads/22568)
  2. 해결 : git init 으로 초기화 한 후에 git remote add origin "github주소" 해서 다시 연결했더니 해당 오류가 더이상 뜨지 않았다.
git init
git remote add origin "github 주소"
  1. 알게 된 것
    빠른 시일 내에 깃허브 어떻게 하는 것인지 알아야겠다. 사실상 협업을 할 실력도 안되는 귀여운 코딩실력이지만, 여러명이서 작업하는건 생각보다 재밌는 것 같기도? 하지만 협업을 위해서는 깃허브.. 필수... 짬을 내서 공부해야 할 듯.

2. 미니 프로젝트 구상

  1. 문제
    : 내가(그리고 팀원들이) 무엇을 얼마나 할 수 있는지 모르지만(일단 할줄 아는 게 없음) 구현하고싶은 건 많음 ㅋㅋㅋㅋㅋㅋㅋㅋ

  2. 시도
    : 일단 내가 지금까지 배운 것들을 활용해서 어떤 페이지를 만들 수 있는가에 대해 생각해봄.
    html, css로 화면을 꾸미고 GET, POST 방식으로 데이터를 불러오고 저장하는 것 까지 배웠음. 아 그리고 api로 정보를 불러와서 화면에 나타내는 것과 크롤링. 근데 open api 코드? 를 받으려면 생각보다 시간이 오래걸리더라. 주어진 시간이 3일뿐이고 능력치가 부족해서 이건 못할 것 같다고 판단했다.
    그렇다면 할 수 있는건, 사용자가 어떠한 의견이나 메세지를 저장하고 그 저장한 정보를 다시 그 페이지에 방문했을 때 보여줄 수 있는 내용이 가장 적절함.
    로그인, 회원가입을 구현해보려고 했지만 역시 위에서 배운 내용으로는 절대로 할 수가 없었다..

  3. 해결
    : 책을 추천하는 글을 적고, 이에 대해 댓글과 추천을 남기는 식으로 내가 배운 것들을 활용해볼 수 있다고 생각했다. 일단 화면에 베스트셀러를 크롤링해와서 보여주고, 책 추천글을 작성해서 포스팅하고 그에대한 댓글을 포스팅하고 좋아요를 누를 수 있게끔 해보려고 함. 여기서 내가 맡은건 상세페이지로, 책에 대한 기본 정보와 추천인 아이디, 좋아요, 추천이유를 보여주고(저장된 데이터에서) 댓글을 포스팅할수있고 겟을 통해 보여주는 것을 구현하면 됨..

  4. 알게 된 것
    : API를 사용하기 위해서는 생각보다 시간적 여유가 많이 필요하다.. 그리고 와이어프레임이 뭔지 오늘 처음 알았음. 구상하는데 생각보다 시간이 오래 든다. 우리가 평소에 보는 페이지에는 생각보다 많은 기능이 있었던 것..

3. 상세페이지 만들기

  1. 문제 : 화면의 가로로 반으로 나누고 싶은데 방법을 모르겠음.
  2. 시도 : div 를 먼저 주고 width를 50% 50%으로 줬는데 그대로 세로로 구현됨.
    근데 또 33%로 하면 가로로 구현됨. 오른쪽 여백이 좀 많이 남음.
  3. 해결 : div 두개를 묶어서 class를 주고, style에서
display : flex;

로 해주면 가로로 분할이 됨 !!
4. 알게된 것 :
그래서 flex가 가로로 정렬이라는건가? 싶어서 검색해봤는데 그런건 아니었음.
사실은 flex가 시작하는 방향? 선? 같은거인데 그게 기본값이 row임. 그러므로 row를 기준으로 한 flex 정렬을 하면 가로로 쌓이는 페이지가 되는건가? 아마 그런것 같음 나중에 다시 더 공부해서 제대로 써야겠음. 확실한건 flex-direction을 column(row의반대)로 주면 세로로 쌓임.

profile
항상 피곤한 인서의 개발블로그

0개의 댓글