내일배움캠프 React B반 8조 팀프로젝트 KPT 회고

React B반 8조 팀원: 김명준, 김원준, 고현석, 남마리나, 이희령 팀명: let 리액트 천재 프로젝트명: 코딩하고 레벨 업 Keep 처음에 프로젝트를 기획하면서 세부적으로 역할을 분담하여서 효율적으로 진행할 수 있었다. 기능 구현이 안되거나 막히는 부분이 생기더라도 포기하지 않고 팀원들이 협력하여 해결하기 위해 끝까지 노력했다. 중간중간 피드백을 주고받으면서 진행 상황을 보고하고 부족한 부분은 수정하는 방식으로 프로젝트를 진행했다. Problem 팀원들이 모두 github 사용에 미숙해서 어려움을 겪었다. 코드 작성 규칙을 먼저 정했다면 각 페이지를 통합하는 과정에서 수월했을 거 같다. 초반 기획 단계에서 레이아웃을 더욱 구체적으로 설정하지 않은 점이 아쉽다. 백엔드 부분을 한 명이 맡아서 진행했..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 4.
• textsms

github 레파지토리 생성하고 파일 업로드하기

아마 이것보다 더 쉽고 정석인 방법이 있을 테지만 나중에 참고하기 위해서 레파지토리 연결하는 방법을 기록해 놓는다. 내 github 계정에서 새 레파지토리를 만들었을 때 윈도우 git bash 기준 cd Desktop/test git 폴더를 만들고 싶은 위치를 지정한다. git bash 창에 cd 입력하고 마우스 클릭해서 폴더를 git bash 창에 끌어오면 위치가 자동으로 입력된다. git init touch a.txt git add a.txt git commit -m "first commit" 네모 박스 안에 총 세 줄을 한 줄씩 복붙해서 입력한다. 그럼 다음과 같은 레파지토리 페이지에 접속할 수 있고 a.txt도 잘 들어와 있는 것을 확인할 수 있다. 나는 팀프로젝트 파일을 백업하는 것이 목적이었기..

• format_list_bulleted 개발 기록장
• · 2022. 11. 4.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.03

Today I Learned 개인 페이지 최종 완성 모든 페이지 통합하여 연결 리액트 튜터님과 개인 상담 발표 자료 만들기(ppt&대본) 🎉드디어 개인 페이지 완성🎉 어려웠던 부분 링크 클릭할 때 마우스 커서 모양 변경 버튼을 클릭했을 때 각 팀원의 페이지나 블로그로 이동하도록 링크를 성절해 놓았는데 마우스커서를 손 모양으로 변경해서 페이지를 이동할 수 있다는 것을 더욱 명시적으로 보여주고 싶었다. 방법은 굉장히 간단해서 해당 CSS 에 cursor: pointer;를 추가했다. github 활용하기 팀프로젝트 완성이 우선이라고 생각해서 아직 git bash 사용방법은 익히지 못하고 github 사이트에서 직접 파일을 올리거나 수정하고 있다. 그래서 git pull 기능도 못쓰고 있어서 커밋될 때마다 코..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 3.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.02

Today I Learned 미니 프로젝트 개인 페이지 완성 github 특강 복습 후 github 연동 시도(에 그침..) 발표 자료 초안 작성 저녁 먹고 잠시 비어나잇🍺 어려웠던 부분 이미지 위치 고정 내 소개 박스 안에서 이미지를 글의 길이와 상관없이 하단에 고정되도록 하고 싶어서 구글링을 했다. .tab-content{ position: relative; width: 640px; height: 380px; text-align: center; margin-top: 20px; line-height: 200%; } .text-image{ position: absolute; bottom: 10px; right: 10px; height: 220px; width: 600px; } 해결 방법은 부모 요소에 p..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 2.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.01

Today I Learned 매니저님과 개인 상담 미니 프로젝트 개인 페이지 구현 어려웠던 부분 어제저녁부터 방명록 남기는 기능을 구현하기 위한 python 파일에서 라는 경고 메시지가 떴다. 그래서 방명록 댓글이 mongoDB에 저장되지 않는 이유가 python과 html 파일이 아예 연결되지 않았기 때문이라고 생각해서 구글링도 해보았지만 혼자 힘으로는 해결할 수 없었다. 그래서 매니저님과 상담할 때도 여쭤보고 리액트 튜터님께도 여쭤봤지만 시간이 부족해서 문제를 해결하지는 못했다. 하지만 그분들에게서 에러를 해결하는 방법에 대해서는 배울 수 있었다. 구글 console창을 확인해본다거나 너무 한 가지 문제에만 집착하지 말고 시야를 넓혀서 코드를 전체적으로 살펴보는 방법까지. 면담 후에 app.py와 i..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 1.
• textsms

[TIL] 내일배움캠프 React 과정 2022.10.31

Today I Learned 미니프로젝트 발제-S.A 작성 GIT 협업 특강 GIT 작업 디렉터리: 버전 관리의 대상이 위치하는 공간 (.git이 위치함) 스테이지: 다음 버전이 될 후보가 올라가는 공간 저장소: 버전이 만들어지고 관리되는 공간 버전: 유의미한 변화가 결과물로 나온 것 GIT 명령어 정리 git init: 비어있는 로컬 저장소 생성 git status: 작업 디렉터리 상태 확인하기 git add: 변경사항스테이지에 올리기 git commit: 커밋 메세지와 함께 커밋하기 git log: 만들어진 버전 확인 원격 저장소와의 상호작용 git clone: 원격 저장소를 내 컴퓨터로 복제하기 git push: 원격 저장소에 코럴 저장소의 변경사항을 올리기 git pull: 원격 저장소를 내 컴퓨..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 10. 31.
• textsms

내일배움캠프 React B반 8조 미니 팀프로젝트 S.A

프로젝트 설명 팀명: let 리액트 천재 프로젝트명: 코딩하고 레벨 업 우리 팀과 팀원들을 소개할 수 있는 웹페이지를 만든다. 팀원 소개 내용으로는 다음 항목을 포함한다. 1. [팀]과 [자신]에 대한 설명 및 MBTI 2. 객관적으로 살펴본 자신의 장점 3. 협업을 하는 과정에서의 자신의 스타일 4. 우리 팀만의 색깔과 표현하고 싶은 시각적 스타일 5. 우리 팀의 약속 6. 팀원들의 블로그 주소 와이어프레임 API 설계 기능 Method URL request response 방명록 전체보기 GET /api/comment 방명록 작성 POST /api/comment {'name':name, 'contents':contents}

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 10. 31.
• textsms

부트캠프를 위해 준비한 것과 준비하지 못한 것

10월 31일에 내일배움캠프가 개강한다. 4달 동안 9 to 9 일정을 소화하기 위해 내가 준비한 것들을 기록해보려 한다! 📌부트캠프를 위해 준비한 것 1. 웹캠 구매하기 내 노트북은 5년 이상 사용한 LG그램 구형 모델이기 때문에 카메라가 하단에 달려있다. 그래서 눈높이가 안 맞는 느낌이라 항상 불만을 가지고 있었기 때문에 이번 기회에 웹캠을 하나 샀다. 근데 배송 오고 카메라 테스트를 해봤는데 화질이 너무 좋아서 부담스럽다. 웹캠은 차라리 화질이 안 좋았으면 좋겠다ㅋㅋ 2. 병원 다녀오기 평일 저녁 9시까지 온라인으로 수업을 들어야 하기 때문에 병원을 미리 다녀왔다. 인공눈물이 필수인 사람이라 안과에 가서 인공눈물을 처방받아 왔는데 4만 원이나 나와서 깜짝 놀랐다.😦 3. 노트북 배터리 교체하기 갑자..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 10. 31.
• textsms

스파르타코딩클럽 내일배움단_앱개발 종합반 4주차 회고

4주차 배운 내용 Fierbase Fierbase 프로젝트 생성하기 파일 저장소 스토리지에 이미지 올리기 리얼 타임 데이터베이스에 JSON 파일 올리기 데이터베이스의 데이터 읽기/쓰기/삭제하기 4주차 과제 내용 Fierbase를 이용하여 '꿀팁 찜' 페이지에 찜한 데이터 불러오기, '찜 해제' 버튼으로 찜한 데이터 삭제하기 앱개발 종합반 4주차 느낀 점 4주차는 2-3주차 내용보다는 수월하다고 느꼈다. 파이어베이스를 이용하는 방법 위주로 배웠는데 수업 들으면서는 큰 어려움이 없었지만 막상 과제를 직접 해보려니 또 어렵게 느껴졌다. 머릿속으로는 이렇게 해야겠다 생각을 하지만 막상 코드를 짜려니까 어디를 어떻게 건드려야 할지 모르겠는 기분이었다. 내가 가장 부족하다고 느끼는 부분이 내가 원하는 기능을 구글링..

• format_list_bulleted 스파르타코딩클럽/앱개발 종합반
• · 2022. 10. 30.
• textsms

스파르타코딩클럽 내일배움단_앱개발 종합반 3주차 회고

2022.10.27 작성 3주차 배운 내용 React 기본 구조 컴포넌트(Component) 상태(State) 속성(Props) useEffect 스택 네비게이션 Stack.Navigator Stack.Screen 페이지 헤더 수정 페이지 이동하기 그 외 공유 기능 추가 외부 링크 클릭 기능 추가 3주차 과제 내용 '소개 페이지' 버튼 만들고 페이지화 시켜서 연결하기 '꿀팁 찜' 페이지 만들고 페이지화 시켜서 연결하기 3주차 느낀 점 3주차 강의 듣는데 너무 힘들었다ㅠㅠ 강의 내용이 머리에 들어오지 않고 그냥 전부 튕겨 나가는 느낌이 들었다. 코드스니펫에 준비해둔 코드를 복붙해서 어플을 열어 보고 강사님의 일방적인 설명이 이어지는 방식으로 강의가 진행되었는데 내용의 대부분을 이해하지 못한 거 같다. 아무..

• format_list_bulleted 스파르타코딩클럽/앱개발 종합반
• · 2022. 10. 30.
• textsms