profile
정리하고 기억하는 곳
post-thumbnail

🎞 Moview - 영화 리뷰 SNS

영화 리뷰를 작성해 해당 영화의 리뷰를 공유하고, 공감, 댓글 등으로 통해 영화 리뷰를 즐길 수 있는 페이지입니다.회원가입/로그인 서비스를 이용해 본인 계정으로 게시물을 작성, 수정, 삭제 등 기본기능을 할 수 있으며, 개인화 페이지를 관리 및 수정 할 수 있습니다.

5일 전
·
0개의 댓글
post-thumbnail

📂 비즈니스 카드 메이커 - 명함 만들기

카드명함을 직접 만드는 페이지입니다. 예시로 만들어져 있는 시안 두개를 수정해서 사용할 수 있고, 새로 명함을 만들 수 있도록 추가 입력폼이 함께 있습니다. 색상 선택 또한 할 수 있는데 세가지의 유형이 있고, 카드에 들어갈 이미지를 선택할 수 있도록 이미지 선택

2021년 5월 5일
·
0개의 댓글
post-thumbnail

📆 교내 학생 상담 신청 페이지

오직 Javascript를 이용해 교내 학생 상담 신청 페이지를 만들었다.방식은 교수 - 내용 - 날짜 - 시간 - 확인 메일 작성 순으로 모든 항목을 선택하면 확인 버튼을 누를 수 있다. 교수에 따라 수업 시간 외에 상담 신청이 가능하도록 만들었고, 공휴일과 주말은

2021년 5월 5일
·
0개의 댓글
post-thumbnail

Express를 사용해 서버 연동하기

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.-노드는 서버가 아니며 JavaScript 런타임이다.그렇다면 JavaScript로 서버를 어떻게 실행시킬까?먼저, 자바스크립트로 서버를 실

2021년 4월 17일
·
0개의 댓글
post-thumbnail

🐈 Adorable Cats - 고양이 정보 제공 페이지

📍Project Summery TheCatAPI를 활용해 고양이 정보를 불러와 종에 따른 고양이의 상세설명과 다양한 사진을 볼 수 있다. 로그인을 통해서 마음에 드는 고양이 사진을 mypage에 담을 수 있고, my page에 담긴 고양이 사진을 클릭하면 상세 정보

2021년 4월 11일
·
0개의 댓글
post-thumbnail

MPA(SSR) 과 SPA(CSR) + Next.js

next.js를 이용해 웹 어플리케이션을 제작하기 전 next가 무엇인지 왜 사용되는지를 알아야겠다고 생각했다. 그러기 위해서는 SSR과 SPA의 차이와 특징을 살펴봐야한다. MPA(SSR) SSR방식은 전통적인 랜더 방식으로 사용자가 url을 클릭하면 브라우저가 h

2021년 4월 6일
·
0개의 댓글
post-thumbnail

자바 스크립트를 이용한 달력 만들기

이 프로젝트는 기능 측면에서 다른 디펜던시나 라이브러리, 프레임워크없이 순수 자바스크립트만을 사용했다. 그리고 돔을 이해하고 자바스크립트의 기본문법을 적극적으로 사용해보고 싶어서 달력을 직접 구현하고, 달력을 이용해 서비스를 제공할 수 있는 프로젝트를 생각해보던 중 상

2021년 4월 5일
·
0개의 댓글
post-thumbnail

React-hooks

기존의 class component는 호출이 한번 되면 맴버변수 또한 호출된 처음을 제외하고는 다시 호출 되지 않는다. 데이터 변화에 따라 랜더 함수만 여러번 호출되고, 맴버변수는 일회성 호출이다. 그러나 function Component는 호출이 되면 함수 전체가 데

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

PureComponent의 이해

리액트 공식문서(https://reactjs.org/docs/react-api.htmlReact.PureComponentReact.PureComponent is similar to React.Component. The difference between them

2021년 3월 1일
·
0개의 댓글