Schedule1. 내일배움캠프

미니 프로젝트

본 캠프가 시작되었다!
새로운 조가 편성됐고 조원 소개 페이지 만들기 프로젝트의 팀장을 맡았다

Figma를 이용해 웹페이지를 어떻게 구성할 지 브레인스토밍을 한 끝에 위와 같은 와이어프레임이 나왔다.

구현하고자 하는 중점들을 기능 별로 정리하면 다음과 같다.

(1) 각 조원들의 머리를 클릭하면 뇌를 확대한 모달창이 뜨는 기능
(2) 확대한 뇌에서 핵심 키워드를 클릭하면 각 조원이 작성한 상세 내용이 뜨는 기능
(3) 옆에는 각 조원 지역의 실시간 날씨를 띄우는 기능
(4) 아래에 댓글을 작성/수정/삭제할 수 있는 기능
(5) 모달창이 띄워진 상태에서 양쪽의 화살표를 누르면 다음 조원 뇌로 이동하는 기능

이번 주 금요일까지 제출해야 하는 과제의 양으로는 적기 때문에 프론트/백엔드로 나누는 대신 둘 다 경험해볼 수 있도록 기능 별로 역할을 맡았다

프로젝트는 4일 뒤인 금요일까지 마무리할 예정이다

Git 강의

git, github를 사용할 때 필요한 필수 명령어들을 배우는 강의가 있었다

git bash명령어

• 현재 작업중인 작업 공간(working directory) 출력 (Print Working Directory)

pwd

• 현재 작업 공간 내 파일 및 디렉토리 출력

ls

• 숨긴 파일을 포함한 전체 파일 및 디렉토리 출력(.git폴더 생성 확인 시 사용)

ls -al

• 디렉토리 위치 바꾸기(change directory)

cd <디렉토리 위치>

• 파일 만들기

touch <파일명>

• 파일 지우기

rm <파일명>

• git bash내 vi편집기 열기

vi <파일명>

a or i : 입력모드 들어가기
esc : 입력모드 나오기
:w : 입력한 코드 저장
:q : vi편집기에서 나오기
:wq : 저장하고 닫기
:set nu(number) : 코드라인 설정하기
:set nonu(number) : 코드라인 없애기
:u(undo) : 변경사항 취소

• 파일 내용 읽기

cat <파일명>

• stage로 올리기

git add .(전체) or <파일명>

• 스테이지에서 내리기

git rm <파일명>

• 커밋하기

git commit -m "<설명>"
or
git commit 후 vi편집기 진입해 첫줄(제목), 세번째줄부터(본문 

• 현재 git 상태 확인

git status

• 커밋된 로그 확인

git log

• 처음 github등에 푸시하기

git push --set-upstream <github주소> master

• github repository에 있는 파일 복사

git clone <github 주소>