Toy-Project

React Router를 사용한 회원 인증 및 접근 제한. 로그인을 했을 경우에만 Profile 페이지가 보이도록 만들었다.

시작 > 역시 JavaScript 부분은 막 이론을 땐 나에게는 살짝 어색하고 메서드가 혼동되고 잘 기억이 안났지만 그래도 전 프로젝트를 할 때보다는 익숙해진 기분이 든다. JavaScript part 자바스크립트를 이용해 Login Form을 동적인 페이지로 만들어

미니 프로젝트 2회차. 2~3일에 하나씩 프로젝트를 진행할 생각이였지만 재밌어서 연속으로 진행하게 되었다.우선 이번에 만들 프로젝트는 HTML, CSS, JavaScript 를 이용해 만든 Login Form이다.완성된 결과물은 이렇게 생겼다.위의 사진처럼 HTML 구

자바스크립트의 문법을 모두 공부한 이후, 어떻게 하면 이것들을 활용해 실전해서 사용할 수 있을까 고민하다 보물같은 사이트를 발견하였다.https://github.com/bradtraversy/vanillawebprojects자바스크립트를 활용한 여러 프로젝트가

이번 벨로그에서는 javascript로 나머지 movie select를 채워나간다.container, seats, count, total, movieSelect 사용우선 이벤트를 먼저 구성해보자.선택한 영화의 정보로 설정을 시켜야 한다.각각의 영화들(movie)에 이벤

REST API(GET, POST, PUSH, DELETE)를 모두 사용한 게시판 만들기

쇼핑몰 페이지를 만드는 프로젝트를 진행하면서 페이지간의 전환이 매끄럽지 않고, 속도도 느리다는 생각이 들어 최적화 작업을 해나가기로 마음먹었다.

이미 방문했었던 제품 페이지라도 서버에서 같은 데이터를 계속 가져와 로딩 속도가 느렸다. 이러한 문제를 `localStorage`를 사용해 개선하였다.

쇼핑몰 페이지의 고객들은 매일같이 쇼핑몰에 들어오는 것이 아니기에 `localStorage`보다는 탭을 닫지 않는 이상 데이터가 유지되는 `sessionStorage`가 더 적당하다 생각했다.

현재 진행중인 쇼핑몰 프로젝트에서 디자인이 너무 투박한거같아 디자인 개선 작업을 거쳤다.

Product 페이지에 들어갈 때마다 생겼던 404 오류 해결하기

폴더 내부 구조가 명확하지 않아, 폴더 내부 구조를 세분화 시키는 작업을 거쳤다.

axios-mock-adapter 라이브러리를 사용하여, 백엔드 없이도 api 통신이 가능한 프론트엔드 프로젝트 만들기 (with 동물 사진첩)