# FinalProject

65개의 포스트
post-thumbnail

마지막 프로젝트를 끝내며

벌써 코드스테이츠에 들어와 파이널 프로젝트까지 끝냈고 졸업했다 퍼스트 프로젝트에서 시간이 부족해 백엔드 분들의 도움을 많이 받았다 프로젝트가 끝날 때 서로에게 잘했던 점 못했던 점을 적어보내는 리뷰 시간이 있어서 리뷰에 파이널 프로젝트에서는 영혼을 갈아 넣어 팀원

2022년 4월 17일
·
0개의 댓글
post-thumbnail

비싼 배달비 나눠내고 싶지 않으신가요? N빵 해보세요!

코드스테이츠 36기 DOT팀의 파이널프로젝트 결과물 입니다 배달비 1만원 시대, 음식값보다 비싼 배달비 ! 부담되지 않으셨나요?배달비를 주변에 있는 사람들과 나눠서 내고 싶다는 생각 해보셨나요?우리 함께 N빵 해봐요!배달비가 비싸지며 오픈 카톡방과 아파트 주민 커뮤니티

2022년 4월 17일
·
0개의 댓글
post-thumbnail

React / 카카오 지도 API - 지도 성능 개선

지도에서 요구되어졌던 사항들은 밑의 내용들 이었다지도가 일정 크기 이하일 때 게시물 출력하기지도 안의 게시물만 출력하기주소 검색 시 그 위치로 지도 이동시켜주기모집글 작성시 유저 주소가 기본으로 입력되어 있고 다른 위치에 글을 쓸 수 있도록 할 것 다른 위치에

2022년 4월 17일
·
0개의 댓글

Final_Proejct_Personal_PR

안녕하세요 css와 styledcomponent 발표를 맡게된 김경연입니다.발표의 순서는 아래와 같습니다저는 이번 프로젝트때 왜 styledcomponet를 쓰게되었는지를 소개하고자합니다.css 이란 html 또는 xml로 쓰여진 문서의 스타일을 나타내기위해 사용

2022년 4월 10일
·
0개의 댓글
post-thumbnail

React / 카카오 지도 API - 위치에 맞게 게시글 불러오기

지도를 이동할 때마다 지도안의 주소에 있는 게시글과 마커의 목록만 나오도록 만들어야 했다 지도를 작게 줄였을때 전국의 모든 게시물에 대한 요청을 보낼 수 없기 때문에 지도의 레벨에 따라서 게시글의 유무를 정했다지도의 레벨이 6이상이면 요청을 보내지 않고 6이하라면 요청

2022년 3월 28일
·
0개의 댓글
post-thumbnail

React / 카카오 지도 API - 주소 검색

지도를 가져오고 나서 첫번째로 해야 될 것은주소를 검색했을 때 그 위치로 지도를 움직이는 기능이었다ReactKakaoMapSDK에는 키워드 장소 검색 기능만 있고주소 검색기능이 없어서 kakaoMapApi 의 주소로 장소 표시하기를 참고해서 작성했다 그런데 막상 만들고

2022년 3월 27일
·
0개의 댓글
post-thumbnail

React / 카카오 지도 API

이번 프로젝트에서 지도 API를 사용하기로 했다지도 API의 종류는 크게 카카오 네이버 구글이 있다이 중에서 카카오가 예제가 상세해서 적용이 쉽다고 느껴 카카오로 결정했다 공식문서에서는 js로 지도를 띄우는 방법으로 설명되어있고이걸 react로 바꿔서 지도를 띄워야 한

2022년 3월 27일
·
0개의 댓글
post-thumbnail

styled-components Input 숫자 입력

type을 number로 하면 나오는 화살표를 없애보자화살표를 없애고 나서도 e와 + -는 입력이 가능하다이것도 없애보자 배달비는 10000 다섯자리 안에서 해결 될 것이기 때문에 다섯자리까지만 입력이 되게 하면 끝난다위의 문제해결에서 사용한 preventDefault

2022년 3월 26일
·
0개의 댓글
post-thumbnail

react-daum-postcode / 닫기

react-daum-postcode는 리액트 컴포넌트로 만든 Daum 우편번호 검색 서비스이고 React 환경에서 간편하게 이용할 수 있다install 후 사용 가능!install을 하고 난 다음 코드만 그대로 복사 붙여넣기를 하면 간편하게 사용 할 수 있다하지만 그냥

2022년 3월 26일
·
0개의 댓글
post-thumbnail

Final Project - 2

상태관리 라이브러리로 리덕스를 쓰기로 했기 때문에주말동안 리덕스 공부를 하며 시간을 보냈다 3 . 21 (화)기획을 끝내고 나서 이번에도 기획에 대한 피드백을 받을 수 있었다퍼스트 프로젝트와 달랐던 점은 대면 피드백이라는 점 ! 구글밋으로 만나 작성해오신 피드백 문서를

2022년 3월 26일
·
0개의 댓글
post-thumbnail

Final Project - 1

2022. 3. 14 ~ 2022. 3. 10 2주 프로젝트가 끝나고 마지막 4주 프로젝트가 시작되었다 14일 오전에 팀 편성 설문조사 시간이 있었는데 우리는 팀을 그대로 진행하기로 했기 때문에 시간을 아낄 수 있었다 미리 주말에 프로젝트 아이디어를 생각해서 오기로

2022년 3월 26일
·
0개의 댓글
post-thumbnail

최종 프로젝트 Security

최종 프로젝트 : 뭐먹을까요?(Eating Together) Spring Security 스프링 시큐리티 프로젝트에 로그인 서비스 두 가지 사용 html에서 사용 시큐리티 ajax 사용

2022년 2월 28일
·
0개의 댓글

[Week3] 모달창 배경 클릭시 닫기

우리 프로젝트 헤더의 로그인과 회원가입 버튼을 누르면,아래와 같이 모달창이 뜨는 구조이다.기존 구현되어 있던 코드로도 충분히 모달창 밖을 클릭하면,모달창이 잘 닫혔지만 한가지 문제점이 발생했다.그것은 바로바로.... 모달창의 버튼 바깥 부분을 누르면 모달창 역시 닫혀버

2022년 2월 21일
·
0개의 댓글

[Week2] Pagination - 2

이전 포스팅에서는 Pagination 컴포넌트에 대한 설명을 했고,이번 포스팅에서는 서버측 설정에 대해 설명한 후, createPagination.js에 대해 설명을 하고자 한다.우선 Helper 전체 목록을 불러오는 코드를 보면서 설명을 하겠다.설명 1클라이언트 측에

2022년 2월 20일
·
0개의 댓글

[Week2] Pagination - 1

🗂 Pagination Pagination에 대한 코드 구현이 막막해서 codesandbox에서 관련된 코드를 서칭해보았다. 여러가지 샘플 코드들 중에서, 제일 마음에 드는 코드를 복사해서 사용했는데, 처음 보는 문법이었기에 어떤 문법을 사용한건지 그리고 코드가 구현

2022년 2월 20일
·
0개의 댓글

[Week2] HelperList Filtering

Donorticon 헤더의 기부하기를 클릭하면로그인을 하지 않은 상태에서도, 아래 사진처럼등록되어 있는 전체 Helper 목록을 조회 할 수 있다. 이번 포스팅은 Helper 카테고리에 따른 filtering 기능 구현에 관련된 것이다.팀원들과 상의를 해서 만든 API

2022년 2월 19일
·
0개의 댓글
post-thumbnail

최종 프로젝트 WebSockt

최종프로젝트 : 뭐먹을까요?(EatingTogether) websocket 웹소켓 스프링부트 handshake 실시간 알림 보내기

2022년 2월 19일
·
1개의 댓글

[Week2] Kakao Login

카카오 API 등록 링크 접속 후, 카카오 아이디로 로그인 화면 상단에 내 애플리케이션 클릭

2022년 2월 17일
·
0개의 댓글

[Week2] Google Login

👻 google login 1. 구글 API 등록 구글 API 등록 링크 접속 후, 프로젝트 생성한다. 그 후에 API 및 서비스로 이동 후, OAuth 동의 화면 선택! 프로젝트 이름 옆에 위치한, 앱 수정 버튼 클릭 범위 추가 또는 삭제 버튼을 클릭해서 필요한

2022년 2월 17일
·
0개의 댓글
post-thumbnail

파이널 프로젝트 회고

2월 16일 파이널 프로젝트를 드디어 끝냈다!!원래 무리해서라도 2주만에 후딱 끝내고 남는 시간에 알고리즘, 리액트, 개인 프로젝트를 해서 포토폴리오를 완성할 생각이었지만 생각보다 구현 해야 하는 기능들이 까다로워서(내기준) 시간이 일주일 정도 더 걸렸다매일 새벽까지

2022년 2월 16일
·
0개의 댓글