본문 바로가기

전체 글32

REST 개념 정리 및 논문 분석 'REST하다. RESTful하다' 라는 게 정확히 뭔데? 얼마 전에 회사에서 API를 만든 후, 코드 리뷰를 할 때, '이 코드는 Rest 하지 못한 거 같다.'라는 말을 들을 때, 그게 무슨 뜻인지 얼추 짐작은 가지만 정확히 무슨 뜻인지는 모르겠는 상황이 있었다. 아마 적지 않은 수의 개발자들도 정확히 'REST API가 무엇이냐. RESTful한 API가 무엇이냐'라는 물음에 대해서 상세하게 답을 하지 못할 것이라고 생각한다. 또한 요즘 올라오는 공고들을 보면 자격 요건이나 우대 사항에 ''REST API에 대한 이해가 있으신 분"을 항목을 적어놓는 공고들을 심심치 않게 볼 수 있다. 그래서 이 참에 REST라는 개념을 처음 만들어 낸 로이 필딩(Roy Fielding)의 논문 5장을 읽어보며 RE.. 2023. 8. 12.
React 애플리케이션에서 모달(Dialog)이 매핑된 배열의 마지막 요소만 표시되는 문제 문제인식 & 원인 분석 reportList 배열의 길이에 따라 Card 컴포넌트를 만든 후, 각 컴포넌트에 csv 파일을 다운로드 하는 기능(버튼)(redux, dispatch를 이용하여 요청) + 다운로드를 하겠냐고 물어보는 모달창을 개발하고 있었다. 다운로드 요청을 하기 위해서는 아래 코드에서처럼 다운로드 하려는 컴포넌트의 id 값을 이용하여 dispatch 요청을 해야한다. 따라서 동적으로 생성된 배열의 각 요소에 모달이 잘 매핑되어야 한다. dispatch({ type: LOAD_FILE_DATA_REQUEST, data: { id: report.id - 1, // 다운 받으려 하는 report의 id 값을 담아 보낸다. fileList: [lastFile.fileName], // 마지막 파일을 .. 2023. 7. 24.
CloudFlare로 환경변수 설정하기(Next.js) 개요 팀프로젝트를 하던 중, 1차 랜딩 페이지를 배포하기 위해 CloudFlare라는 클라우드 타입 배포 서비스를 이용하게 되었다. 배포에 대해 무지해서 아는 게 없던 와중에 감사하게도 나의 개발 인생 롤모델인 이동욱님의 개발 블로그에서 CloudFlare로 Next.js 서비스를 배포하는 법을 찾을 수 있었다. CloudFlare를 통한 Next.js 서비스 배포하는 법은 해당 블로그 글을 참고해보자! 이동욱님 개발 블로그(CloudFlare Pages로 Next.js 서비스 배포하기) CloudFlare Pages로 Next.js 서비스 배포하기 CloudFlare의 정적사이트 플랫폼인 CloudFlare Pages가 출시되었다. https://pages.cloudflare.com/ 이미 Netlif.. 2023. 6. 26.
Next.js 설명. CSR vs SSR Next.js란? Next.js는 React 라이브러리를 사용하는 프레임워크이다. 리액트는 CSR(Client Side Rendering)이지만 Next.js는 검색엔진최적화(SEO)를 위한 SSR(Server Side Rendering)를 가능하게 해주는 프레임워크이다. SEO(Search Emgime Optimization)란: 글, 네이버와 같은 검색 엔진들이 서버에 등록된 웹사이트를 하나하나씩 돌아 다니면서 웹사이트의 HTML 문서를 분석해주는 것. 단, Next.js는 SSR 하나만을 위해서 사용하는 프레임워크가 아니다! Next.js를 사용하는 이유를 살펴보기 전에, 우선 Next.js가 무엇인지 정확하게 알아보자. Next.js의 공식 홈페이지에 가보면 Next.js는 "The React F.. 2023. 6. 23.
728x90