Jungki

Next.js 란? React 는 라이브러리이고, Next.js는 리액트의 프레임워크이다. 더보기 라이브러리는 “어플리케이션을 만들 때 필요한 자원(기능: 함수)의 모임”이고, 프레임워크는 “코드를 작성하는 기본적인 틀을 제공해서 보다 효율적으로 어플리케이션을만들 수 있도록 하는 소프트웨어 환경”이다. 즉, React에서 우리가 모든 것을 직접 생성하고 설정해 주었던 것들이 Next에서는 이미 만들어져 있다. SEO를 위한 SSR을 가능하게 해주는 프레임 워크이다. SEO 란? Search Engine Optimization의 약자이며, 구글과 같은 검색 엔진들이 서버에 등록되 웹사이트를 하나하나씩 돌아다니면서 웹사이트의 HTML 파일을 받아와 페이지 전체를 랜더링 하는 방식이다. SSR 란? Serve..

오늘은 스파르타 코딩클럽 회사에 가서 온보딩 하는 날이다 ! 항해99의 갓응수 매니저님이 일하시는 곳이면서 수료할 때까지 많은 도움을 주셨던 분들이 계셨던 곳이라 궁금했다. (사실 모각지때, 가긴 했는데 회사를 둘러보지 못했다.) 12층에 도착했을 때, 현선 매니저님이 계셨다!! 누구한테 전화하지 기다릴까 이런 고민이 가득했는데 현선님이 계셔주셔서 너무 감사했는데 더 놀라운건 날 한번에 알아보셨다....(감동 그잡채) 역시 항해 매니저는 아무나 하는게 아니라는 것을 알았다. 응수 매니저님 부터 많은 매니저님을 마주쳤다. 다들 반갑게 인사해 주셔서 너무 감사했다. 그렇게 회의 시간이 시작되고 영환님과 승유님 그리고 관호님 이렇게 회의를 진행했다. 진행하면서 진짜 내가 항해를 하면서 받았던 것들이 이렇게 구..

매치 시스템 및 홈 기능 우리 프로젝트의 시작이자 메인 기능인 매치시스템은 유저간의 거리를 비교하여 나온 거리 데이터값과 이름 등을 가독성 좋게 나타내어 다른 유저와 함께 산책을 할 강아지를 찾아보는 기능이다. 더보기 이 프로젝트는 웹앱을 기준으로 한 프로젝트이므로 웹앱의 장점은 PC의 기능을 모바일에서도 작동 되게 하기위함과 앱을 까는 유저의 번거로움을 조금 덜어내며 PC를 사용하는 유저의 데이터값도 조사해보고자 웹앱을 선택하였습니다. 따라서 기본 베이스 레이아웃을 설정해 주었고 그 레이아웃을 전체 프로젝트에 둠으로써 위와 같이 휴대폰 모양이 나오는 구조이고 너비가 일정사이즈를 넘어가면 PWA 를 이용하여 모바일에 보다 최적화되어 있는 사이즈가 확인되게 하였습니다. 더보기 아래 코드는 메인페이지의 Ca..

오늘 겪은 문제 상세페이지의 값을 불러올수가 없다. 어제 id값으로 인해 키를 건내받은뒤 그 키값으로 작동한다는것을 인지하고 실행하고 있는데 그후에 어떻게 진행해야 되는지 모르겠다... thunk의 필요성과 redux를 꼭 사용해야겠다고 생각했다. dispatch를 사용하지 못하니까 코드의 길이와 가독성 효율성면이 떨어진다고 생각했다. 해결하는 과정 첫째로 상세 페이지의 값을 불러오지 못하고 있던 이유는 이 방식의 접근이 잘못 되었다고 생각했다. 데이터를 불러온다> 불러온 값을 filter 로 사용해서 params 의 id값과 통일하는 값을 배출시킨뒤 특정 아이디의 데이터 값을 가져올수 있는 구조이기 때문이다. 그렇게 2시간정도의 구글링을 하였고 처음으로 4번째 페이지까지 가면서 소스를 구해보았다 안써본..