내일배움캠프149 [TIL] 내일배움캠프 React 과정 2022.11.04 Today I Learned 팀프로젝트 발표 팀프로젝트 KPT 회고 작성 느낀 점 오늘은 5일 동안 팀원들과 열심히 준비한 팀프로젝트의 발표가 있는 날이었다. 우리 팀의 발표로 인한 긴장감과 다른 팀들은 어떤 웹페이지를 만들었을까 설레는 마음을 가지고 발표가 시작됐는데 첫 조부터 엄청난 실력에 충격을 받았다. 그리고 다른 팀들의 발표가 계속될수록 원래도 없던 자신감이 뚝뚝 떨어지기 시작했다. 나는 이번 프로젝트를 진행하면서 노베이스 상태로 웹개발 종합반 강의 하나만 듣고 이 정도 결과물이라면 완벽하진 않더라도 나름 만족한다고 생각했었는데 다른 분들에 비하면 내 수준은 아직 바닥에 있는 거 같다. 만약 저렇게 엄청난 실력자 분들과 팀이 된다면 그 실력을 어떻게 따라잡아야 할지 걱정이 되기도 했다. 하지막 .. 2022. 11. 5. 내일배움캠프 React B반 8조 팀프로젝트 KPT 회고 React B반 8조 팀원: 김명준, 김원준, 고현석, 남마리나, 이희령 팀명: let 리액트 천재 프로젝트명: 코딩하고 레벨 업 Keep 처음에 프로젝트를 기획하면서 세부적으로 역할을 분담하여서 효율적으로 진행할 수 있었다. 기능 구현이 안되거나 막히는 부분이 생기더라도 포기하지 않고 팀원들이 협력하여 해결하기 위해 끝까지 노력했다. 중간중간 피드백을 주고받으면서 진행 상황을 보고하고 부족한 부분은 수정하는 방식으로 프로젝트를 진행했다. Problem 팀원들이 모두 github 사용에 미숙해서 어려움을 겪었다. 코드 작성 규칙을 먼저 정했다면 각 페이지를 통합하는 과정에서 수월했을 거 같다. 초반 기획 단계에서 레이아웃을 더욱 구체적으로 설정하지 않은 점이 아쉽다. 백엔드 부분을 한 명이 맡아서 진행했.. 2022. 11. 4. [TIL] 내일배움캠프 React 과정 2022.11.03 Today I Learned 개인 페이지 최종 완성 모든 페이지 통합하여 연결 리액트 튜터님과 개인 상담 발표 자료 만들기(ppt&대본) 🎉드디어 개인 페이지 완성🎉 어려웠던 부분 링크 클릭할 때 마우스 커서 모양 변경 버튼을 클릭했을 때 각 팀원의 페이지나 블로그로 이동하도록 링크를 성절해 놓았는데 마우스커서를 손 모양으로 변경해서 페이지를 이동할 수 있다는 것을 더욱 명시적으로 보여주고 싶었다. 방법은 굉장히 간단해서 해당 CSS 에 cursor: pointer;를 추가했다. github 활용하기 팀프로젝트 완성이 우선이라고 생각해서 아직 git bash 사용방법은 익히지 못하고 github 사이트에서 직접 파일을 올리거나 수정하고 있다. 그래서 git pull 기능도 못쓰고 있어서 커밋될 때마다 코.. 2022. 11. 3. [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.. 2022. 11. 2. [TIL] 내일배움캠프 React 과정 2022.11.01 Today I Learned 매니저님과 개인 상담 미니 프로젝트 개인 페이지 구현 어려웠던 부분 어제저녁부터 방명록 남기는 기능을 구현하기 위한 python 파일에서 라는 경고 메시지가 떴다. 그래서 방명록 댓글이 mongoDB에 저장되지 않는 이유가 python과 html 파일이 아예 연결되지 않았기 때문이라고 생각해서 구글링도 해보았지만 혼자 힘으로는 해결할 수 없었다. 그래서 매니저님과 상담할 때도 여쭤보고 리액트 튜터님께도 여쭤봤지만 시간이 부족해서 문제를 해결하지는 못했다. 하지만 그분들에게서 에러를 해결하는 방법에 대해서는 배울 수 있었다. 구글 console창을 확인해본다거나 너무 한 가지 문제에만 집착하지 말고 시야를 넓혀서 코드를 전체적으로 살펴보는 방법까지. 면담 후에 app.py와 i.. 2022. 11. 1. [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: 원격 저장소를 내 컴퓨.. 2022. 10. 31. 내일배움캠프 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} 2022. 10. 31. 부트캠프를 위해 준비한 것과 준비하지 못한 것 10월 31일에 내일배움캠프가 개강한다. 4달 동안 9 to 9 일정을 소화하기 위해 내가 준비한 것들을 기록해보려 한다! 📌부트캠프를 위해 준비한 것 1. 웹캠 구매하기 내 노트북은 5년 이상 사용한 LG그램 구형 모델이기 때문에 카메라가 하단에 달려있다. 그래서 눈높이가 안 맞는 느낌이라 항상 불만을 가지고 있었기 때문에 이번 기회에 웹캠을 하나 샀다. 근데 배송 오고 카메라 테스트를 해봤는데 화질이 너무 좋아서 부담스럽다. 웹캠은 차라리 화질이 안 좋았으면 좋겠다ㅋㅋ 2. 병원 다녀오기 평일 저녁 9시까지 온라인으로 수업을 들어야 하기 때문에 병원을 미리 다녀왔다. 인공눈물이 필수인 사람이라 안과에 가서 인공눈물을 처방받아 왔는데 4만 원이나 나와서 깜짝 놀랐다.😦 3. 노트북 배터리 교체하기 갑자.. 2022. 10. 31. 스파르타코딩클럽 내일배움캠프 4기 React 프론트엔트 과정에 합류하다 취업을 위해 본격적으로 코딩을 배우고 싶다는 생각에 국비지원 과정을 알아보았다. 서울까지 왔다 갔다 하기에는 체력적으로 힘들 거 같아서 온라인 부트캠프 위주로 검색했고 결과적으로 스파르타코딩클럽의 내일배움캠프를 선택했다. 부트캠프 관련 정보는 아래 사이트를 추천한다. https://boottent.sayun.studio/camps 내일배움캠프를 선택한 이유 1년 전에 스파르타코딩클럽에서 무료 강의를 몇 번 들었었는데 코딩을 쉽고 재밌게 가르쳐 주길래 호감을 가지고 있었고 이것도 내배캠을 선택한 이유 중에 하나였다. 가장 걱정했던 건 9to9이라는 수업 시간이었다. 저녁 9시까지 체력적으로 버틸 수 있을지 고민이 되어서 일단 부트캠프 국비지원과는 별개로 웹개발 종합반과 앱개발 종합반 강의를 신청해서 수강했.. 2022. 10. 27. 이전 1 ··· 12 13 14 15 다음
