# frontend
Next.js의 장점 (2)
동적 라우팅 계속해서 동적 라우팅에 대해서 이야기 해보도록 하겠다. 가령 게시판을 만든다고 가정했을 때, 특정 게시글 페이지로 이동하게 되면 그 때 URL은 어떻게 구성되어야 할까? http://localhost:3000/posts/4 posts 페이지의 4번
React - Portals를 통해 모달 렌더링 하기(with. Next.js)
Next.js에서 React Portals 적용하기, React에서 Modal이 떴을 때 스크롤 고정하는 방법.
Login, Logout, Registration
Some information on a website should be prohibited to users who have logged in, and other information should be open to the public. How does a website
HTTP - Axios.post withCreadentials
브라우저와 서버 간 통신 시 Response headers의 Set-Cookie가 있음에도 불구하고, 브라우저에 쿠키가 저장되지 않을 때의 해결법: Axios의 경우 withCredentials: true 옵션을 지정해준다.
axios 외길인생, swr을 만나다.
api 호출을 위해서 가장 많이 사용하는 라이브러리 중 하나는 axios라고 생각한다. 간단한 사용방법, 높은 효율성, 손쉬운 에러 핸들링 등 axios는 여전히 강력한 도구이다.그러다 얼마 전에 우연히 Next.js 공식 홈페이지를 둘러보다가 새로운 라이브러리를 발견
새로운 상태관리 라이브러리의 탄생, Recoiljs
얼마 전, 페이스북에서 따끈따끈한 상태관리 라이브러리가 하나 더 탄생했다. 바로 Recoiljs다.https://recoiljs.org/ 지금까지 가장 유명한 상태관리 라이브러리는 크게 세 가지 정도 분류할 수 있을 듯 하다. Context API, Redu
Next.js의 장점 (1)
사실 이러한 Next.js의 장점들은 사실 잘 와닿지 않는다. 물론 본인이 Customer들을 대상으로 하는 대외적인 서비스를 만들고자 한다면 SEO는 분명 진지하게 생각해볼만 한 일이긴 하지만, 나는 일반적으로 회사 내에서 사용하는 서비스들을 만들기 때문에... S
Axios - delete 요청 시 body에 데이터 넣는 법
Axios delete 요청 시 요청의 본문(body)에 데이터를 함께 전송하는 방법
React의 useReducer, useCallback, useMemo 제대로 알고 사용하기
useReducer, useCallback, useMemo 제대로 알고 사용해보자
GraphQL React + Apollo Tutorial - 5. 라우팅
GraphQL과 Apollo를 `react-router 4`와 함께 사용하여 페이지 이동을 구현하는 방법을 배웁니다. 각 라우팅은 `Link`로 표현됩니다.
Spring + React 간단한 앨범 서비스 만들기(1)
졸업을 코앞에 두고 웹을 공부하는 사람으로 간단한 포트폴리오용 사이트라도 빌드 해보는게 좋겠다 싶어 공부하고 있던 Spring과 React로 도전해보았다.
Next.js
나는 회사에 들어오면서 거의 처음으로 자바스크립트를 접하게 되었다. 그러다가 React라는 라이브러리에 대해 알게 되었고 이를 통해 작업을 하던 중, 팀 선배에게 Next.js라는 프레임워크를 소개 받게 되었다.이에 따라 Next.js를 사용하면서 생기는 이슈들이나 정
TIL - 배열 메소드[2]
자바스크립트 배열 메소드에 대해 알아보는 세번째 시간. 배열 메서드의 꽃 [Map, Filter, Reduce]에 대해 알아보자.
react 1. 시작하기에 앞서... + 설치 및 환경설정
시리즈 진행을 위해 우선적으로 django와 react를 학습할 필요가 있었다.(핑계)django의 경우 우선 회사에서 담당한 업무인 flask를 작업중이므로 업무 수행을 통해 python 코드에 익숙해지고 나서 공부할려고 한다.들어본적은 많아서 web frontend
Javascript의 기초
java script의 기초를 공부하는 중 필수적인 내용을 기록괄호 안에 " 또는 ' 가 들어가면 string (문자) 으로 인식됨예) 1 = 숫자, "1" = 문자, 1+1=2, "1"+"2"="12"시작을 ' 로 했다면 ' 로 끝나야하고 " 로 했다면 "로 끝나야