Project
-
[노마드코더] 바닐라JS로 크롬 앱 만들기 - #2. LoginProject 2022. 10. 13. 17:28
2. LOGIN 2.1 회고 - 노마드코더 강의에서 로그인 기능은 백앤드 서버를 구축하지 않고 진행한다. 대신 localStorage(web api)의 도움을 받아 서버에 따로 저장하지 않고 웹 브라우저에 저장된 데이터를 활용한다. 개인적으로 백앤드 서버를 간단하게라도 구축해서 구현하는 방법을 알고 싶었지만 그럴 수 없어서 아쉬웠따! - 강의에서 한것 외로 log-out 기능을 구현했는데 todolist가 있는채로 로그아웃하면 html에 목록이 그대로 남아있는다 ㅠ 로컬스토리지랑 메모리가 비워지는데 html이 왜남는건지... 이걸 해결하는 것이 추후 과제다! 이것만 끝내면 css작업하려고한다. - 로그아웃 버튼을 누르면 todolist로 추가된 html 있는 요소를 없애기 위해서 오만가지 뻘짓을 했는데 ..
-
[노마드코더] 바닐라JS로 크롬 앱 만들기 - #1. Javascript on the BrowserProject 2022. 10. 12. 00:50
1. The Document Object 1.1 document object html과 js가 연결되면 js는 html에 접근하고 읽고 변경할 수 있도록 document라는 object를 자동 생성한다. 이 객체를 활용해 우리는 javascript를 활용해 html에 새로운 태그를 추가하거나 수정, 삭제, 식별자 부여 등의 작업을 할 수 있다. 정적 기능을 구현하고자 한다면 굳이 js를 활용할 필요는 없어보인다. The Document Object When an HTML document is loaded into a web browser, it becomes a document object. The document object is the root node of the HTML document. The ..
-
자기소개 페이지 CONTACT 메시지 보내기 기능 - Google Apps Mail, 정적 HTML FormProject 2022. 9. 30. 18:51
자기소개 페이지에서 contact 메시지 보내기 기능을 구현하기 위해 유튜브, 구글링으로 node.js, aws, mySQL 관련 내용들을 따라하며 시행착오를 겪었다. 그 결과가 성공이었든 실패였든 블로그에 글을 남기면 피와 살이 되리라 생각하고 무작정 덤벼들었지만... 일단 결과는 실패였고 "왜 실패 했는가?"를 알 수 없어 결국 블로깅하기도 실패했다 ㅠㅠ... vscode로 커밋하기, 터미널 명령어 등등 곁가지 잡지식들만 습득하고.... 중요한 내용은 배우지 못한 것 같아 "무엇을 블로그에 남길 것인가?"도 잘 모르겠다.. ㅋㅋ 그래서 대안으로 Google Apps Mail을 활용하여(백앤드 필요없는) 기능을 구현했다. 이 기능을 구현하는데 참고한 자료는 아래 링크이다. 출처 : https://vel..