Jungki

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

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

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

오늘의 문제 어려웠던 코드 테스트가 드디어 끝났다.너무 고생했다. 재밌고 배우는게 많았던 코딩테스트였고 프로그래머스에서 lv2정도 되는것 푸는데에도 수세월이 걸린걸 생각하면 아직 가야할 길이 멀었다는걸 느끼지만서도 18일차에 이정도면 진짜 많이 한거라고 생각한다. 오늘은 테스트 관련 코드의 문제점에 대해서 집중적으로 얘기해 보겠다. 문제에 대해 몰랐던점과 시도한점 1. 홀수의 집합을 모아서 한칸씩 띄어주고 구한값 4개마다 띄어쓰기를 해주면 된다. 하지만 값을 구하는것 까지는 할수 있었지만 줄바꿈이 쉽지않았다. if 문을 사용을 해야할것 같다는 생각이 들었지만 접근하기 힘들었다. 2. 별을 찍는 문제였다. 이 코드테스트의 시작이자 끝이기 때문에 컨닝하지않고 풀어보려 하였고 for문 내에서의 이해는 이제 확..