본문 바로가기
  • 삽질하는 자의 블로그
3. 섬네일을 만들어볼까나? (수정) 파일 선택기를 누르면 나오는 섬네일을 만들어보자! 특징1. 자바스크립트코드는 한번 딱! 생성되면 다시 원래대로 돌아가버린다. [무한한 요청을 해야한다] 특징2. FileReader() 객체를 생성하여, onload 되었을경우 발생되는 상황을 함수로 만든다. * FileReader 객체는 웹 애플리케이션이 비동기적으로 데이터를 읽기 위하여 읽을 파일을 가리키는File 혹은 Blob 객체를 이용해 파일의 내용을(혹은 raw data버퍼로) 읽고 사용자의 컴퓨터에 저장하는 것을 가능하게 해줍니다. /출처 MDN *onload 는 , 이벤트 읽기동작이 성공적으로 완료될때마다 발생한다. 1. img element를 만들어, setAttribute로 src에 event.target.result 로 [파일탐색기에 들.. 2022. 9. 23.
2. 로그인페이지, 검증과 오류처리, 세션, 물건 업데이트 페이지 생성 하루동안 만들어본것들 하루동안 나름 공부하면서 꽤나 많은 것들을 해보았다! 전체적인 리팩토링 로그인 기능 구현, 검증, 세션을 통한, 관리자 생성, 검증, 가입실패시 다시적는것을 방지하는 데이터세션 등! 나름 한건 많은데 정리하자니 복잡하다. 아직 중구난방이기도 하고... 무엇보다 오늘 AJAX 요청을 하느라 2시간을 날려버렸는데 원인을 찾고 찾다보니 결국 구현이 불가능하게 코드를 짰다는 사실을 알아버렸다!! 제대로된 첫 타격이 아닌가 싶다. 으윽 내머리 화이팅 2022. 9. 21.
1. 구상하기, 세팅하기, 기본 가입페이지만들어보기 나만의 작은 쇼핑몰을 만들어보자. 하핫. 물론 로컬이다 하핫. [ 구상 ] 0. 공통 : 로그인, 회원가입, 로그아웃 ... 1. 사용자 : 상품보기, 상품 정보보기, 카트담기, 결제하기, 완료페이지 ... 2. 관리자 : 상품 등록, 상품 정보 등록, 모든 사용자 결제완료페이지 보기 ... MVC 패턴을 기반으로 하여 시작해보았다! [ 서버 생성, 데이터베이스연결, 필요한 패키지 연결] 1. 서버를 열고, mongoDB기반의 데이터베이스를 연결하고, ejs view engine을 설치하여, VIEW를 깔고가자 npm init 을 통해, 패키지 설치 기반을 다지는 것을 잊지 말자! 컨트롤러에는 route들의 필요한 function db 에는 db middleware 에는사용자 지정 middleware가 .. 2022. 9. 19.

티스토리툴바