[FRONT-END] 2

오류 해결 : ReferenceError: user1 is not defined

BootStrap으로 로그인 창을 만들던 중 해당 오류를 확인하였다. 처음에는 오류 조차 확인하지 못했다. 왜냐하면 이부분이 개발자도구에서 체크되어있지 않았기 때문이다. 다들 나와 같은 실수를 하지 않기를 바란다. 다시 오류부분으로 가보면 user1이 정의되지 않았다는 오류이다. 하지만 난 분명히 user1을 선언을 하고 초기화까지 진행하였다. 그럼 문제가 뭐였느냐? 우선 코드를 보여주겠다. function moveRegister(){ console.log("간다"); alert("회원가입 창으로 이동합니다."); // location.href="register.html"; window.location.replace("register.html"); } function register(){ let id =..

[FRONT-END] 2023.03.16

React 로 일기장 만들기

백엔드를 학습하기 전 , 간단하게 프론트엔드를 경험하기 위해서 react를 학습했다. 생활코딩님의 유튜브 강의를 보다가 책이 한권 필요할 거 같아 생활코딩님의 [생활코딩! 리액트 프로그래밍] 책으로 공부하였다. 전체적으로 초보자들을 위해 쉽게 설명이 되어있지만 예제를 함수형이 아닌 class형으로 진행하다보니 현재 버전과 약간의 차이가 있었다. 내가 만든 일기장도 class형으로 만들었다. 일주일정도 react를 공부한 후 일기장 만들기 실습에 들어갔다. 총 소요시간 : 5~6시간 1. 만들고 싶은 페이지 레이아웃 만들기 이 부분은 카카오 오븐으로 진행하였다. https://ovenapp.io/ OvenApp.io Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오 제공) o..

[FRONT-END]/[REACT] 2022.11.30