전체 글

✔ WHAT TO DO 10:00 Daily Scrum 71강 프론트엔드 핵 쉬운 프레임워크! - Svelte ~ 74강 파이어베이스로 이미 파일 업로드 및 다운로드 수강하기 ​ ​✔ 부족한 점: 프레임워크를 처음 써보니 버벅버벅 버퍼링 걸렸다 ​ ✔ 스스로 시도해본 것들: ​ ✔ 해결 내용: ​ ✔ 알게된 점: svelte의 존재도 처음 알게 됐는데, 아직 내가 html, css도 잘 모르긴 하지만 하나씩 수기로 작성하는 것보다 프레임워크를 쓰는게 더 간편한 것 같다 ​ ✔ 헷갈리거나 실수한 점: 다 헷갈린다 사실.. 진도 따라가느라 바빠서 정신이 없어 ☠ ​ ✔ 회고: 오늘도 진도가 밀려 허겁지겁 늦게 들었다.. 주특기 들어가면 그리고 2주 뒤 쯤 개강하면 더 더 바빠질텐데 내가 과연 잘 해낼 수 있..

✔ WHAT TO DO 10:00 Daily Scrum 71강 프론트엔드 핵 쉬운 프레임워크! - Svelte ~ 74강 파이어베이스로 이미 파일 업로드 및 다운로드 수강하기 ​ ✔ 배운 내용 요약 정리 Svelte로 현재 시간 간편 적용하기 let hour = new Date().getHours(); let min = new Date().getMinutes(); ​ {hour}:{min} ​ Firebase? 서버 개발 없이 db, 유저 인증, 이미지 업로드, 배포 가능 무료 제공 범위가 넓음 실시간 데이터베이스 지원 인프라 관리에 신경 쓸 필요 없이 빠르게 애플리케이션 제작 가능 소규모 프로젝트에 적합 빠르게 개발해서 검증해보고 싶을 때 사용! ​ Firebase의 Storage! ​ 웹 프레임워크 ..

✔ WHAT TO DO 10:00 Daily Scrum 64강 데이터베이스와 연동해 회원 가입 기능 완성하기 ~ 70강 프론트엔드 핵 쉬운 프레임워크! - Svelte 수강하기 ​ ​✔ 부족한 점: sha256 / 토큰 사용하는 것도 아직 제대로 이해하지 못했고.. 그 전에 배운 JSON도 아직은 뭔지 잘 모르는.. 백엔드 쪽 개념도 아직 모르거나 헷갈리는게 많은데 한 번 제대로 정리해야할 듯하다. ​ ✔ 스스로 시도해본 것들: 오류나면 스스로 열심히 수정해보았읍니다 ​ ✔ 해결 내용: login 페이지에서 db에 없는 id / password를 입력하면 "id 혹은 password가 일치하지 않습니다." 라는 문구를 alert하려고 했는데 if (res.status === 200) { alert("로그..

✔ WHAT TO DO 10:00 Daily Scrum 64강 데이터베이스와 연동해 회원 가입 기능 완성하기 ~ 70강 프론트엔드 핵 쉬운 프레임워크! - Svelte 수강하기 ​ ✔ 배운 내용 요약 정리 JWT (JSON Web Token) 유저 인증과 관련된 기술 (Authentication) 보통 토큰에다가 Base64로 인코딩해서 그 토큰에 사용자 정보를 담아서 같이 주게 됨 ​ 세션 vs JWT 세션은 사용자 정보를 서버측에서 관리(DB를 통해) JWT는 사용자 정보를 토큰에 포함시킴 따라서 확장성 vs 보안성의 문제 보안성은 refresh token으로 높일 수 있어서 현업에서도 JWT 방식을 많이 사용함 https://inpa.tistory.com/559 🌐 JWT 토큰 인증 이란? (쿠키 ..

✔ WHAT TO DO 10:00 Daily Scrum 55강 실습하기 3 - 게시글을 서버에 저장하려면? POST! ~ 63강 프론트엔드 회원 가입 기능 구현하기. 문제점이 뭘까? 수강하기 ​ ​✔ 부족한 점: 하나도 모르겠어요 ,,~ 어찌저찌 코드는 따라 쓰고 있지만 이해한 것은 0에 수렴하는 상황.. 주말엔 복습이 정말 절실하게 필요할 듯하다. ​ ✔ 스스로 시도해본 것들: 따라가지도 못하는데 스스로 뭘 더 시도해요 ㅡㅡ 이것저것 이해 안 되는건 구글링 해보긴 했어욤.. 오류나면 챗지피티한테 물어보기도 하고.. ​ ✔ 해결 내용: ​ ✔ 알게된 점: 물론 오늘도 모든걸 새로 알게 됐지만, 유출 문제 방지를 위해 비밀번호를 암호화하여 사용하는 것은 처음 알게 돼서 신기했다. 해시(SHA-256) 생성..

✔ 오늘의 다짐 강점 찾기 ​ ✔ WHAT TO DO 10:00 Daily Scrum Day6 입사 가이드 교육 55강 실습하기 3 - 게시글을 서버에 저장하려면? POST! ~ 63강 프론트엔드 회원 가입 기능 구현하기. 문제점이 뭘까? 수강하기 ​ ✔ 배운 내용 요약 정리 GET, POST와 Database의 SQL을 이용하기 POST로 서버에게 데이터를 보내고 INSERT를 이용해 DB에 저장하기 GET으로 서버가 SELECT한 데이터를 불러오기 ​ - 서버는 우리가 누구인지 어떻게 구별할까? (프론트엔드) 프론트엔드에서 서버로 데이터를 보내기 해시를 통해 암호화하기 ​ (백엔드) 유저 정보를 데이터베이스에 저장하기 저장한 데이터를 바탕으로 로그인 처리하기 프론트엔드에게 어떻게 알려줄까? 서버의 상..

✔ WHAT TO DO 10:00 Daily Scrum Day6 입사 가이드 교육 44강 백엔드의 핵심! CRUD 실습하기 ~ 54강 실습하기 3 - 게시글을 서버에 저장하려면? POST! 수강하기 ​ ​✔ 부족한 점: 아직은 다 부족한 것 같다.. 딴짓을 자꾸 해서 그런가 하루 안에 강의를 다 듣기가 조금 빡세서 내일부터는 진짜 폰 딱 끄고 2-3시간 정도 강의에만 집중해보려 한다 그리고 자꾸 까먹게 돼서 앞에 배운 내용들 복습이 필요할 것 같음 ​ ✔ 스스로 시도해본 것들: ​ ✔ 해결 내용: 분명히 오타 없이 강사님과 똑같이 친걸 몇번이고 확인했는데, 실습 과정 중 memo를 delete 하는 과정이 원활하게 되지 않았다. 클릭도 되고 오류 메시지도 안 뜨는데 화면에서 삭제되지 않는 매직 ^^! 그..

(9/25 수정) ✔ 오늘의 다짐 오늘 아침은 100억의 가치가 있다. ​ ✔ WHAT TO DO 10:00 Daily Scrum Day6 입사 가이드 교육 44강 백엔드의 핵심! CRUD 실습하기 ~ 54강 실습하기 3 - 게시글을 서버에 저장하려면? POST! 수강하기 ​ ✔ 배운 내용 요약 정리 Deta space 이용해서 memo pad 배포하기 정적 웹사이트가 아닌 데이터가 오고 가는 동적 웹사이트이므로 서버 배포가 함께 이루어져야 하고, 따라서 깃허브 페이지나 netlify로 배포하지 못함! Memo-pad (memopad-1-s9408884.deta.app) ​ 백엔드에게 정보를 보내는 방법들 path parameter (리소스 식별) query parameter (정렬이나 필터링) requ..