코공기(코딩 공부 기록) 코공기(코딩 공부 기록)

이번엔 저번에 만들었던 게시판 방식을 응용하여 회원가입을 하고 로그인 시 해당 닉네임을 매칭하여 환영 인사를 보여주는 페이지를 제작해보자. 원래 Local Storage로 회원가입, 로그인을 구현하면 안 되지만 연습용으로만 한번 제작해보자. 1. 구조 잡기 Local Storage 회원가입 이메일 주소 닉네임 비밀번호 비밀번호 확인 비밀번호가 일치하지 않습니다. 닉네임을 입력해주세요. 회원가입이 완료되었습니다! 로그인해주세요. 회원가입 이미 회원이신가요? 로그인 하러가기 이메일 주소 비밀번호 로그인 아직 회원이 아니신가요? 회원가입 하러가기 님 환영합니다! 우선 구조를 짜보자. signup_container - 회원가입을 진행하는 화면 login_container - 로그인을 진행하는 화면 welcome..

데이터를 다뤄보고 싶어 여러가지를 찾아보던 중 DB나 api를 처음부터 다뤄보기엔 제대로 이해하지 못할 것 같아 간단한 Local Storage를 이용해보기로 했다. 1. Local Storage란? localStorage는 key-value 값을 브라우저 Storage에 저장할 수 있게 한다. 저장한 데이터는 세션간에 공유되므로 세션이 바뀌어도 저장한 데이터가 유지된다는 장점이 있다. 2. Local Storage 사용법 - localStorage.setItem() key, value 추가 - localStorage.getItem() value 읽어 오기 - localStorage.removeItem() item 삭제 - localStorage.clear() 도메인 내의 localStorage 값 삭제..

poiemaweb에서 html, css와 같은 기본 문법에 대해 복습하던 중 헷갈리거나 제대로 알지 못했던 부분들이 있어 기록으로 남기고자 한다. 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com 1. Semantic Web 검색엔진(SEO)은 로봇(Robot)이라는 프로그램을 이용해 매일 전세계의 웹사이트 정보를 수집하는데 이것을 크롤링이라 하며 검색엔진의 크롤러가 이를 수행한다고 한다. 그리고 검색 사이트 이용자가 검색할 만한 키워드를 미리 예상하여 검색 키워드에 대응하는 인덱스(색인)를 만들어두는데 여기에 사용되는 정보는 웹사이트의 HTML 코드이다. 즉, 검색 엔진은 HTML 코드만으로 그 의미를 인지하여야 하는데 이때 시..