[에브리데이] 좋아요 기능 구현
[에브리데이] 프로젝트에서 구현했던 좋아요 기능을 포스팅해보려고 한다! 나는 게시글과 댓글 그리고 대댓글에 좋아요 아이콘을 생성하여 클릭 시, 좋아요를 할 수 있도록 기능을 구현하였고, 서버에게도 해당 데이터를 전달할 수 있도록 API를 연동하였다. 개발 환경 Front-En...
Posts by Tag
- react 6
- blog 1
- github.io 1
- mui 1
- login 1
- logout 1
- localStorage 1
- router 1
- v6 1
- comment 1
- editor 1
- 댓글 1
- 대댓글 1
- CRUD 1
- API 1
- 게시글 1
- 게시글 등록 1
- 게시글 수정 1
- 게시글 삭제 1
- 좋아요 버튼 1
- javascript 1
- es5 1
- es6 1
- es11 1
- Next 1
- React 1
- Typescript 1
react
[에브리데이] 게시글 등록 / 조회 / 수정 / 삭제 API 개발
오늘은 [에브리데이] 프로젝트에서 게시글의 등록부터 조회, 수정, 삭제까지 API를 연동하여 개발한 부분을 바로 포스팅해보려고 한다! BoardList.js ```javascript import React, { useEffect, useState } from ‘react’ im...
[에브리데이] 게시판 댓글 / 대댓글 구현
오늘은 [에브리데이] 프로젝트에서 댓글, 대댓글을 어떻게 구현했는지 포스팅해보려고 한다. 먼저 이곳 블로그가 도움이 많이 되어 일부 코드를 참조하여 나만의 댓글, 대댓글을 완성하게 되었다. 댓글, 대댓글의 컴포넌트를 만들기 위해 CommentList Comment ReplyLis...
[에브리데이] React Router 사용
오늘은 [에브리데이] 프로젝트 관련하여 라우터를 어떻게 사용하였는지 포스팅해보려고 한다! URL에 따라 그에 상응하는 화면을 전송해주는 것을 Routing이라 한다. 쉽게 말해 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이다. 라우팅 라이브러리 중, 가...
[에브리데이] localStorage 이용한 로그인 및 로그아웃
오늘은 [에브리데이] 프로젝트에서 localStorage를 사용해서 구현한 로그인 및 로그아웃을 포스팅해보려고 한다! localStorage는 간단히 말하면 로컬에 저장하는 임시저장소라고 할 수 있다. windows 전역 객체의 LocalStorage라는 컬렉션을 통해 저장, 조...
[에브리데이] MUI를 이용한 화면 구현
앞 포스팅에서 언급한 에브리타임 카피사이트 [에브리데이] 프로젝트에서 화면 구현 시, 주로 사용했던 MUI에 대해 포스팅해보려고 한다! MUI는 React UI를 만들 때 컴포넌트 형태로 사용할 수 있도록 도움을 주는 라이브러리이며, MUI를 이용하면 Material 디자인 스타...
blog
개발 블로그를 시작하는 첫 포스팅
GitHub 블로그를 이용하여 처음 블로그를 만들었다!
github.io
개발 블로그를 시작하는 첫 포스팅
GitHub 블로그를 이용하여 처음 블로그를 만들었다!
mui
[에브리데이] MUI를 이용한 화면 구현
앞 포스팅에서 언급한 에브리타임 카피사이트 [에브리데이] 프로젝트에서 화면 구현 시, 주로 사용했던 MUI에 대해 포스팅해보려고 한다! MUI는 React UI를 만들 때 컴포넌트 형태로 사용할 수 있도록 도움을 주는 라이브러리이며, MUI를 이용하면 Material 디자인 스타...
login
[에브리데이] localStorage 이용한 로그인 및 로그아웃
오늘은 [에브리데이] 프로젝트에서 localStorage를 사용해서 구현한 로그인 및 로그아웃을 포스팅해보려고 한다! localStorage는 간단히 말하면 로컬에 저장하는 임시저장소라고 할 수 있다. windows 전역 객체의 LocalStorage라는 컬렉션을 통해 저장, 조...
logout
[에브리데이] localStorage 이용한 로그인 및 로그아웃
오늘은 [에브리데이] 프로젝트에서 localStorage를 사용해서 구현한 로그인 및 로그아웃을 포스팅해보려고 한다! localStorage는 간단히 말하면 로컬에 저장하는 임시저장소라고 할 수 있다. windows 전역 객체의 LocalStorage라는 컬렉션을 통해 저장, 조...
localStorage
[에브리데이] localStorage 이용한 로그인 및 로그아웃
오늘은 [에브리데이] 프로젝트에서 localStorage를 사용해서 구현한 로그인 및 로그아웃을 포스팅해보려고 한다! localStorage는 간단히 말하면 로컬에 저장하는 임시저장소라고 할 수 있다. windows 전역 객체의 LocalStorage라는 컬렉션을 통해 저장, 조...
router
[에브리데이] React Router 사용
오늘은 [에브리데이] 프로젝트 관련하여 라우터를 어떻게 사용하였는지 포스팅해보려고 한다! URL에 따라 그에 상응하는 화면을 전송해주는 것을 Routing이라 한다. 쉽게 말해 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이다. 라우팅 라이브러리 중, 가...
v6
[에브리데이] React Router 사용
오늘은 [에브리데이] 프로젝트 관련하여 라우터를 어떻게 사용하였는지 포스팅해보려고 한다! URL에 따라 그에 상응하는 화면을 전송해주는 것을 Routing이라 한다. 쉽게 말해 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이다. 라우팅 라이브러리 중, 가...
comment
[에브리데이] 게시판 댓글 / 대댓글 구현
오늘은 [에브리데이] 프로젝트에서 댓글, 대댓글을 어떻게 구현했는지 포스팅해보려고 한다. 먼저 이곳 블로그가 도움이 많이 되어 일부 코드를 참조하여 나만의 댓글, 대댓글을 완성하게 되었다. 댓글, 대댓글의 컴포넌트를 만들기 위해 CommentList Comment ReplyLis...
editor
[에브리데이] 게시판 댓글 / 대댓글 구현
오늘은 [에브리데이] 프로젝트에서 댓글, 대댓글을 어떻게 구현했는지 포스팅해보려고 한다. 먼저 이곳 블로그가 도움이 많이 되어 일부 코드를 참조하여 나만의 댓글, 대댓글을 완성하게 되었다. 댓글, 대댓글의 컴포넌트를 만들기 위해 CommentList Comment ReplyLis...
댓글
[에브리데이] 게시판 댓글 / 대댓글 구현
오늘은 [에브리데이] 프로젝트에서 댓글, 대댓글을 어떻게 구현했는지 포스팅해보려고 한다. 먼저 이곳 블로그가 도움이 많이 되어 일부 코드를 참조하여 나만의 댓글, 대댓글을 완성하게 되었다. 댓글, 대댓글의 컴포넌트를 만들기 위해 CommentList Comment ReplyLis...
대댓글
[에브리데이] 게시판 댓글 / 대댓글 구현
오늘은 [에브리데이] 프로젝트에서 댓글, 대댓글을 어떻게 구현했는지 포스팅해보려고 한다. 먼저 이곳 블로그가 도움이 많이 되어 일부 코드를 참조하여 나만의 댓글, 대댓글을 완성하게 되었다. 댓글, 대댓글의 컴포넌트를 만들기 위해 CommentList Comment ReplyLis...
CRUD
[에브리데이] 게시글 등록 / 조회 / 수정 / 삭제 API 개발
오늘은 [에브리데이] 프로젝트에서 게시글의 등록부터 조회, 수정, 삭제까지 API를 연동하여 개발한 부분을 바로 포스팅해보려고 한다! BoardList.js ```javascript import React, { useEffect, useState } from ‘react’ im...
API
[에브리데이] 게시글 등록 / 조회 / 수정 / 삭제 API 개발
오늘은 [에브리데이] 프로젝트에서 게시글의 등록부터 조회, 수정, 삭제까지 API를 연동하여 개발한 부분을 바로 포스팅해보려고 한다! BoardList.js ```javascript import React, { useEffect, useState } from ‘react’ im...
게시글
[에브리데이] 게시글 등록 / 조회 / 수정 / 삭제 API 개발
오늘은 [에브리데이] 프로젝트에서 게시글의 등록부터 조회, 수정, 삭제까지 API를 연동하여 개발한 부분을 바로 포스팅해보려고 한다! BoardList.js ```javascript import React, { useEffect, useState } from ‘react’ im...
게시글 등록
[에브리데이] 게시글 등록 / 조회 / 수정 / 삭제 API 개발
오늘은 [에브리데이] 프로젝트에서 게시글의 등록부터 조회, 수정, 삭제까지 API를 연동하여 개발한 부분을 바로 포스팅해보려고 한다! BoardList.js ```javascript import React, { useEffect, useState } from ‘react’ im...
게시글 수정
[에브리데이] 게시글 등록 / 조회 / 수정 / 삭제 API 개발
오늘은 [에브리데이] 프로젝트에서 게시글의 등록부터 조회, 수정, 삭제까지 API를 연동하여 개발한 부분을 바로 포스팅해보려고 한다! BoardList.js ```javascript import React, { useEffect, useState } from ‘react’ im...
게시글 삭제
[에브리데이] 게시글 등록 / 조회 / 수정 / 삭제 API 개발
오늘은 [에브리데이] 프로젝트에서 게시글의 등록부터 조회, 수정, 삭제까지 API를 연동하여 개발한 부분을 바로 포스팅해보려고 한다! BoardList.js ```javascript import React, { useEffect, useState } from ‘react’ im...
좋아요 버튼
[에브리데이] 좋아요 기능 구현
[에브리데이] 프로젝트에서 구현했던 좋아요 기능을 포스팅해보려고 한다! 나는 게시글과 댓글 그리고 대댓글에 좋아요 아이콘을 생성하여 클릭 시, 좋아요를 할 수 있도록 기능을 구현하였고, 서버에게도 해당 데이터를 전달할 수 있도록 API를 연동하였다. 개발 환경 Front-En...
javascript
[JavaScript] ECMAScript 버전별 특징
전부터 JavaScript를 공부하면서 정리하고 싶었던 ES5와 ES6의 차이 그리고 비교적 최근에 나온 ES11, ES12 문법까지 버전별 특징을 정리해보려고 한다. ECMAScript란? 위에서 언급한 ES는 ECMAScript로, 자바스크립트를 표준화하기 위해 만들어졌으며...
es5
[JavaScript] ECMAScript 버전별 특징
전부터 JavaScript를 공부하면서 정리하고 싶었던 ES5와 ES6의 차이 그리고 비교적 최근에 나온 ES11, ES12 문법까지 버전별 특징을 정리해보려고 한다. ECMAScript란? 위에서 언급한 ES는 ECMAScript로, 자바스크립트를 표준화하기 위해 만들어졌으며...
es6
[JavaScript] ECMAScript 버전별 특징
전부터 JavaScript를 공부하면서 정리하고 싶었던 ES5와 ES6의 차이 그리고 비교적 최근에 나온 ES11, ES12 문법까지 버전별 특징을 정리해보려고 한다. ECMAScript란? 위에서 언급한 ES는 ECMAScript로, 자바스크립트를 표준화하기 위해 만들어졌으며...
es11
[JavaScript] ECMAScript 버전별 특징
전부터 JavaScript를 공부하면서 정리하고 싶었던 ES5와 ES6의 차이 그리고 비교적 최근에 나온 ES11, ES12 문법까지 버전별 특징을 정리해보려고 한다. ECMAScript란? 위에서 언급한 ES는 ECMAScript로, 자바스크립트를 표준화하기 위해 만들어졌으며...
Next
[Next] App Router vs Page Router
취업하고 오랜만에 블로그를 작성한다.. 업무 외 자기계발하는 시간이 현저히 줄어들어 앞으로라도 꾸준히 작성하고자 다시 이렇게 블로그를 작성하게 되었다. 회사에서 1년동안 vue2를 사용하다 vue2의 버전 지원이 공식적으로 종료됨에 따라 기존 회사 솔루션 서비스를 vue에서 re...
React
[Next] App Router vs Page Router
취업하고 오랜만에 블로그를 작성한다.. 업무 외 자기계발하는 시간이 현저히 줄어들어 앞으로라도 꾸준히 작성하고자 다시 이렇게 블로그를 작성하게 되었다. 회사에서 1년동안 vue2를 사용하다 vue2의 버전 지원이 공식적으로 종료됨에 따라 기존 회사 솔루션 서비스를 vue에서 re...
Typescript
[Next] App Router vs Page Router
취업하고 오랜만에 블로그를 작성한다.. 업무 외 자기계발하는 시간이 현저히 줄어들어 앞으로라도 꾸준히 작성하고자 다시 이렇게 블로그를 작성하게 되었다. 회사에서 1년동안 vue2를 사용하다 vue2의 버전 지원이 공식적으로 종료됨에 따라 기존 회사 솔루션 서비스를 vue에서 re...