에이미의 성장기록

- 12주차 프로젝트: 실전 프로젝트 "동물마켓" 마지막 주차 회고를 밀렸다. 더 밀리기 전에 써놔야지😂😂😂 배운것 - https 배포 (CloudFront) / 도메인 연결 - 현업자에게 받는 피드백 - 고차 컴포넌트 - 커스텀 훅 - 반응형(미디어 쿼리) 느낀것 - 현업자한테 받는 피드백은 정말 생각지도 못했던 것들이었다. OKKY에 올려서 현업분들에게 받았던 피드백은 정말 감사할정도로 구체적이고, 아 이런 부분까지 생각할 수 있구나! 라는 생각을 들게 했다. 일부분은 놓친 것이었고, 또 어떤 부분은 아예 처음 보는 것이었다. 리액트는 페이지 이동시 스크롤이 자동으로 올라간다는것을 이제야 알다니... 이제라도 알아서 다행이다. 반응형 메인 화면에서 4개씩 게시글을 짜를때, 4개 미만의 게시글은 왼쪽으..

- 8주차 프로젝트: 실전 프로젝트(5주, 동물마켓 웹사이트 만들기) [배운것] kakao login api kakao map api 디자이너 협업 이메일 인증 등 회원가입 유효성 검사 detail 와이어프레임, 플로우차트 [느낀것] 5주간 진행할 실전 프로젝트의 주제를 정하면서 주제/기획단이 이렇게 오래걸리는 일임을 깨달았다.... 이번 프로젝트는 디자이너 2분이 같이하여 디자이너분과 협업하는것은 또 처음이었는데 디자이너의 관점이 이렇게 다른것인줄도 처음 알았다🙄 일단 개발자의 관점에서 기획을 하는 것 자체도 범위가 좁아지고, 디자이너의 관점은 또 개발 범위와 너무 멀어지고 적당한 5주치의 범위와 주제를 찾는것, 그리고 기획의 의도와 목적, 효과를 고려하는것도 처음이었는데 재밌기도 했지만 2일 내내 의..

- 7주차 프로젝트: 미니 프로젝트(2주, 쇼핑몰 만들기) ☕ 2주차 [배운것] 페이지네이션 좋아요 토글 daum 주소 api 연결 s3 배포 [느낀것] 쇼핑몰을 한번 구현해보고 싶었는데, 생각보다 어렵지 않았다. 장바구니/결제 모두 CRUD의 연속이었다. 서버리스로 하다가 api로 필요한 데이터만 받아서 뿌리니까 정말 편했다... firebase가 불편했던 것임을, 그리고 백엔드의 소중함을 알게되었다 🤩 오히려 axios보다 아직도 redux가 더 어려운 느낌...? redux 사용없이 서버에서만 데이터를 받아서 뿌리고 싶은데, 서버에 최소한으로 요청하는게 좋다고 했으니 최대한 redux를 사용하는 연습을 해야겠다. 기능 구현에서 오류를 해결하는데 생각보다 오래걸렸다. 그 중 undefined 오류가 ..

6주차 프로젝트: 미니 프로젝트(2주, 쇼핑몰 만들기) ☕ 1주차 [배운것] GIT 충돌 해결 FIGMA로 VIEW 잡기 로그인/회원가입 - JWT 방식 구현 쿠키/로컬스토리지 저장 ID 중복체크하기 ARC ( Advanced Rest Client) API 체크 styled component extension [느낀것] 이전 프로젝트에서는 GIT 충돌을 최대한 피하기 위해 영역을 철저히 다르게 수정했었는데, 이번에는 어쩔수없이 겹치는 부분들이 생겼다. 그래서 충돌되면 어떤걸 선택하는지? current 유지, updated stream을 선택할지 해보았다. 줄바꿈 하나의 차이도 잡아낸다니... 최대한 약속했던 범위에서 간결하게 코드 짜는것이 중요할 것 같다. FIGMA를 사용하여 VIEW 그림을 그려나갔다..

6주차 프로젝트: 클론코딩(번개장터) 팀프로젝트(12조) 번개장터 클론코딩 [배운것] axios 서버와의 협업! 어마어마한 CSS 발전 슬라이드 배너(slick) 로그인/회원가입, 유지 체크박스 데이터 구현(input 방식들) 모달창 띄우기 CRUD에서 CR 구현 GIT 협업(PULL/PUSH) [느낀것] 백엔드(스프링)분들과 협업이 처음이었다. 여태 서버리스(파이어베이스)로 CRUD를 구현하다가 api로 작업해본건 처음이었는데, axios로 하니 생각보다 비슷했다 ! but 처음에 합을 맞출때는 어려웠다. 소통이 내가 생각했던 것 보다 많이 필요하다!! GIT으로 PULL/PUSH 해가며 협업해본 것도 처음이었다. 우리는 최대한 충돌을 피하기 위해, PUSH 전 어떤 부분 수정했고, 수정한 부분을 미리..

[배운것] CRUD 구현 로그인/회원가입 로그인 유지 firebase auth / 이메일 정규식 표현 firebase storage Session storage / Cookie 토큰 저장 조건부 렌더링 [느낀것] 세션과 로그인 여부를 통해 로그인 유지하고, 헤더를 분기하는 법을 배웠다! 로그인까지 한다고 끝이 아니라 유지하는게 더 어렵다는 것을 깨달았다! CRUD를 온전히 구현해보았다. 리액트의 가장 기본인 CRUD는 계속 연습해봐야겠다! R은 쉬운데 UPDATE가 좀 헷갈린다!! 이번주까지는 서버쪽과 직접 작업하지 않기때문에 firebase에서 이미지를 업로드하는 법을 배웠다! 파일리더를 통해 url로 받아오는 법을 기억하자! [아쉬웠던것] 이번주 과제는 사전만들기 / 인스타그램 만들기 중 1개 선택이..

이번주는 처음으로 리액트를 배우고, 캘린더앱까지 만들었다.... 컴포넌트가 뭔지 처음배운 상태에서 당장 컴포넌트를 쓰고 리덕스와 파이어베이스까지 배우는걸 1주일만에 했더니 머릿속이 아주 복잡했다ㅠㅠ 그래도 이렇게 당장 실행되는 앱을 만드니 좀 재밌긴 했었다. [배운것] 함수형/클래스형 컴포넌트 state / props 라우팅 리덕스 firebase/firestore middlewares hosting material UI [느낀것] 순서 정리해가면서 해야하는 점, 강의 들으면서 틈틈히 강사님이 하셨던 말씀 주석으로 달아놔야 다음번에 봤을때 이해가 됨 자바스크립트 문법 익혀야하는 것(틈틈히는 안되겠고 이제 매일 하루에 1개씩이라도 찾아보거나 유튜브 보기!) 리액트로 모든것을 다 할 수 있다... 함수 하나..

달력링크 React App calendar-233c4.web.app firebase를 사용하여 서버리스 방식으로 캘린더를 만들었다. [구현기능] 1) 우측 하단 연필 버튼(일정추가) 을 누르면 일정을 추가할 수 있다. 해당 일정은 날짜에 맞게 기입된다. default 값은 미완료(파란색)이다! 2) 해당 스케쥴을 눌러서 모달창을 볼 수 있다(나중에 라이브러리써서 수정해야겠다 ㅎㅎ). 완료값을 누르면 빨간색으로 변한다. 삭제는 삭제, 뒤로가기는 다시 캘린더 페이지로 이동한다. 3) 일정완료값들은 완료일정 버튼으로 볼 수 있다. 다시 전체일정 누르면 모든 일정을 볼 수 있다. 4) fullcalendar 라이브러리써서 달력틀은 쉽게 구현할 수 있었다. 좀 정리해서 깃헙에도 올려야겠다! 4일간 만들었는데 구현..

3주차는 알고리즘 2번째 주간이었다. but 난이도는 1주간이랑 비슷했으나, 실력이 늘은건지 개념을 한번씩 돌려서 그런지 수월했다. [배운것] - 다양한 모듈을 활용하면 빨리 풀 수 있다는것! 순열/조합의 permutaions / combinations , 최빈값 구할 때 쓰는 Counter 등. 문제를 풀면서 다양한 모듈을 배울 수 있었다. - 이항계수란? mCn 구하는 함수 만들기! - 3차원, 2차원 배열 이해하고 만드는 것 [느낀것] - 모듈로 빠르게 풀것이냐? 재귀나 함수를 이용해 정석대로 구할것이냐의 갈등... 어차피 코테에서는 numpy만 안쓰면 웬만한 모듈에는 제한이 없을 것 같아서 모듈로 문제를 빠르게 풀어보는 연습을 택했다. - 코드리뷰에서 다른 사람이 내 코드를 빠르게 이해하려면 주석..

2주차에는 알고리즘 문제를 풀었다. (백준) 기초수학부터 재귀, 이분탐색, 동적계획법, 정렬, 큐, 스택 등등 일주일에 배우기에 좀 벅찼으면서도 재밌었다. (?) 솔직히 재미보다는 좌절감이 더 많이 들었지만, 지나고보니 그래도 짧은시간에 배운 것 치고 많이 늘었다. 아직도 스스로 완벽하게 코드를 짜진 못해도 이제 대충 이렇게 짜는거구나? 에 대한 감은 오는 것 같다!! [배운것] 1) 탈출조건, 무한루프, break 등등 반복문 여기에서 많이 헤맸다. for문 2개를 탈출하려면 break가 2개여야하는구나, 줄 안맞춰쓰면 무한루프 도는구나, 탈출조건 제일 처음에 써줘야하는구나 등등. 기본 파이썬 문법이지만 급하게 먹다보니 대충 씹어 넘기다 체한 것 처럼, 기본적인거에서 오류가 제일 많이 났다. 그 떄마다..