728x90 항해 중267 [클론코딩] 2일차 진행상황 오늘 한 일 1) 게시물 작성 페이지 View 잡음 2) 게시물 작성 페이지 CSS 잡음 3) 게시물 작성 시 이미지 미리보기 구현 + 글 작성하는 부분 구현 4) 이미지와 글 작성 안했을 경우 버튼 비활성화 시킴 (disabled 설정) 5) 이미지 업로드 버튼 시 [게시물 이미지 업로드] API 요청 6) elements 폴더에 컴포넌트들 -> styled 부분은 각 요소를 사용 할 때 설정 할 수 있도록 props로 바꿨다. const ElTextarea = styled.textarea` border: ${props => props.border}; width: ${props => props.width}; font-size: ${props => props.size}; padding: ${props =.. 2021. 12. 14. [TIL] 36일차 오늘은 차분한 마음으로 프로젝트를 시작했다. 확실히 긴장하고 시작 할 때보다 차근차근 어떤 주제로 진행 할 지 어떤 기능을 넣을 지 고르고, 와이어 프레임과 피그마를 만드는 과정이 순탄하게 지나갈 수 있었던 것 같다.(저번주도 순탄했다) 매번 운이 좋게 좋은 팀원 분들을 만나서 많은 도움을 받고 있다. 이번주도 열심히 경험을 쌓아서 실전 프로젝트도 잘 마무리 할 수 있도록 해야 겠다!! 어쩌다 개발일지가 일기가 되버린 건지는 모르겠지만 이렇게 됐다 2021. 12. 13. [클론코딩] 1일차 진행상황 오늘 한 일 1) 어떤 사이트를 클론코딩 할 지 정함 2) API / 와이어프레임 구상 및 설정 3) 프로젝트 패키지 설치 및 세팅, View 세팅 4) Git repository 생성 5) Header 구현 (gap 새로 알게 됨) : gap을 사용하면 간격을 얼마나 둘건 지 설정 할 수 있음 6) 게시물 작성 페이지, 게시물 상세 페이지 모달창 구현 구현 해야 하는 페이지 및 기능 : 상세 페이지(모달), 게시물 작성 페이지(모달)을 맡아서 진행하게 되었다. 공통적인 부분 : 모달창 구현하기 상세 페이지 : 이미지 / 사용자 아이디 / 게시물 내용 / 좋아요 버튼 / 좋아요 갯수 / 댓글 목록 / 댓글 작성창 및 작성 버튼 작성 페이지 : 이미지 미리보기 + 업로드 / 게시물 내용 / 작성하기 버튼 .. 2021. 12. 13. [WIL] 6주차 → CORS 첫 협업을 진행하며 느낀 아쉬운 점, 뿌듯한 점, 어려웠던 점, 좋았던 점 - 아쉬운 점 : API, 와이어 프레임을 더 공들여 짜지 않았던 점 (기능을 구현하는 중간중간에 수정이 많이 들어갔기 때문에) - 뿌듯했던 점 : 직접 낸 주제는 아니였지만 좋은 팀원분들을 만나고 좋은 주제의 프로젝트를 진행함으로써 자신감을 얻을 수 있었고 힘들기는 했지만 과정, 결과가 만족스러웠던 프로젝트였다는 점 - 어려웠던 점 : 서버와 클라이언트를 연결 할 때 axios를 사용했는 데 CORS 정책이나 header가 안보내 지는 오류, token을 받아오지 못하는 오류, Reducer에서 return을 사용하지 않아 발생한 오류 등 처음 접하는 오류가 많았어서 어려웠던 것 같습니다. - 좋았던 점 : 처음에는 어려웠지만 .. 2021. 12. 12. [TIL] 35일차 미니 프로젝트가 끝났다. 일주일이라는 시간동안 많은 일이 있었던 만큼 홀가분 하기도 하고 아쉽기도 한 것 같다. 나 혼자서 했다면 이렇게 좋은 결과물을 내지 못했을 것 같고 팀원들의 도움으로 잘 마무리 할 수 있었다! 다음 주 부터는 클론 코딩 주차인 데 저번주처럼 겁만 내면서 두려워 하지 말고 이번 프로젝트에서 배운 경험들을 가지고 더 잘 할 수 있도록 노력 해야 겠다. 물론 몸 컨디션도 잘 챙기고 요즘 좀 무리 했다고 감기가 심하게 걸려서 고생 좀 했다. 정말 좋은 팀원들 만나서 좋은 프로젝트를 진행 할 수 있어서 뜻 깊었고 좋은 경험 이었다. http://anonymousmentalcare.s3-website.ap-northeast-2.amazonaws.com/ React App anonymousm.. 2021. 12. 12. [미니프로젝트] 6일차 (+피그마 꿀팁) 오늘 한 일 1. CSS 마무리 2. 회의 + 회고록 작성 + 회고 멘토링 3. AWS S3 사용해서 프로젝트 배포하기 -> http://anonymousmentalcare.s3-website.ap-northeast-2.amazonaws.com/ React App anonymousmentalcare.s3-website.ap-northeast-2.amazonaws.com CSS 꿀팁 피그마 사용하면 CSS를 쉽게 만질 수 있다. 1) 회원가입 및 로그인 2) 새로운 file을 하나 만든다. 3) 예를 들어 Card Box를 하나 만들어서 효과를 준다. 4) Inspect로 가서 CSS 코드를 복붙한다! https://www.figma.com/files/recent?fuid=104955634592877728.. 2021. 12. 11. [미니프로젝트] 5일차 오늘 한 일 1) 회원가입 disabled 처리 수정 -> 비밀번호가 정규식 검사에 일치하지 않는데 비밀번호와 비밀번호 확인이 같으면 버튼이 활성화 되는 문제를 발견해서 수정함 2) 코딩애플 Redux 강의 들음 3) 게시물 수정 기능 만들어 주신 거 프로젝트에 합침 4) 로고 정함 5) 8시에 팀 회의 하면서 프로젝트 CSS 어떻게 진행 할 지 결정 + CSS 수정 ★ div 한 줄에 3개씩 띄우기 할 때 flex-flow : row wrap;를 사용해서 해결했다. + 댓글 삭제 기능 할 때는 댓글 정보를 서버에서 가져 올 때 식별 할 수 있는 사용자 정보를 담고 있어야 내가 작성한 댓글에만 삭제 버튼을 놓을 수 있을 것 같다! + 댓글 수정 기능 할 때는 댓글 삭제처럼 식별 할 수 있는 사용자 정보를.. 2021. 12. 11. [TIL] 34일차 5일차에는 많이 한 게 없어서 TIL에 같이 쓰기로 했다. 내일은 오전에 CSS 마무리 하고, 오후에 AWS에 프로젝트 올려서 서버랑 연결 되는 지 확인하면 끝난다. 오늘 몸 상태 최악인데 코드 치느라 수고했다. 끝 2021. 12. 10. [TIL] 33일차 이제 거의 막바지를 달려가고 있다. 게시물 수정 기능 + 전체적인 CSS만 손보면 이번 주도 끝이난다. 월요일에는 지나갈까 완성이 될까 어떻게 만들어 질까 생각이 많았는 데 막상 하다보니 주위에서 많이 도와주셔서 끝까지 올 수 있었던 것 같다. 잘 마무리 하자!!!!! 2021. 12. 9. 이전 1 ··· 8 9 10 11 12 13 14 ··· 30 다음 728x90
