profile
안녕하세요:)
post-thumbnail

[React] 리액트란?

들어가며 Next.js를 공부하면서 React의 기본 개녕과 구성 요소, 상태 관리, 라우팅 등에 중요성을 느껴 다시 React로 돌아왔다. React란 무엇일까? > Meta(Facebook)이 개발한 오픈소스 JavaScript 라이브러리로서, 사용자 인터페이스를

2024년 3월 15일
·
0개의 댓글
·

session, JWT, OAuth 대해 알아보자

들어가며 모든 웹 페이지에는 로그인과 회원가입 기능이 들어가 있다. 이번에 next.js로 로그인/회원가입 기능을 한가지 방법이 아닌 여러가지 방법으로 구현해 봤다. 그중에 next.js에서 제공해 주는 NextAuth.js 방법을 알아보자. 로그인/회원가입 기능 동

2024년 3월 1일
·
0개의 댓글
·
post-thumbnail

[NextJs] Server Component vs Client Component

들어가며 기본적으로 Next.js는 서버 컴포넌트를 사용한다. 이를 통해 추가 구성 없이 서버 렌더링을 자동으로 구현할 수 있으며, 필요할 때 클라이언트 컴포넌트 사용을 선택할 수 있다. 그래서 클라이언트 컴포넌트는 언제 사용하는가? 같이 알아보자. Server Co

2024년 2월 23일
·
0개의 댓글
·
post-thumbnail

[NextJs] 페이지 이동 방법

Next.Js 공부하면서 다양한 페이지 이동 방법을 이용해 코드를 작성해 봤다. 잊어버리기 전에 정리해보자.오늘은 우선 Link컴포넌트와 useRouter 방식을 알아보자.<Link>은 HTML <a> 요소를 확장하여 prefetching과 클라이언트 측 라

2024년 2월 2일
·
1개의 댓글
·
post-thumbnail

[프로그래머스] 약수의 개수와 덧 - Javascript

문제 설명두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 solution 함수를 완성해주세요.제한사항1 ≤ left ≤ r

2024년 1월 22일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 가운데 글자 가져오기 - Javascript

📄문제설명 💡문제이해 💻코드작성 😄정리

2024년 1월 19일
·
0개의 댓글
·

[JavaScript] 얕은 복사, 깊은복사

자바스크립트가 제공하는 타입은 크게 원시 타입과 객체 타입으로 구분할 있다.

2024년 1월 19일
·
2개의 댓글
·
post-thumbnail

멋쟁이사자처럼 프론트엔드 스쿨 4기 1,2주차 회고 - 차근차근

1, 2주차 회고록 (GIT, HTML, CSS, 스프린트회고) 느낀점 멋사 프론트엔스 스쿨은 비대면 수업으로 진행된다. 생각보다 정신없던 이주였다. 일단 비대면으로 듣는게 처음이라 적응하는데 꽤 걸렸다. 현장에서만 느낄 수 있는 느낌 동기부여 등들이 있는데 못느

2022년 12월 11일
·
0개의 댓글
·
post-thumbnail

Git&GitHub 정리

git이 뭐야! github는 뭔데 commit, push.... git과 github를 모르면 취업 못합니다. 얘기를 듣고 호다닥 공부했습니다. Git이란? 소스 코드를 효율적으로 관리하기 위해 만들어진 버전관리소프트웨어이다. git 장점 작업한 코드들을 기

2022년 11월 1일
·
0개의 댓글
·