[Problem] 프로젝트 마지막 날이다. 마지막 제출 전까지 완료하고 싶었지만 아쉽게도 완전하게 만들지는 못했다. 마지막까지 해결하지 못한 기능은 Logout기능이다. 웹을 검색을 통해 해결해보려 했지만 아쉽게도 완전하게 해결하지 못했다. [Try] 처음에 시도한 방법은 웹종합에서 배웠던 방법이다. 단순히 지금까지 사용하던 POST-GET 방식으로 값을 mongoDB에 넣고 받아온다 생각했지만 jwt 기능을 찾아보고 잘못된 생각을 했다는 것을 깨달았다. jwt 기능은 사용자가 로그인을 하면 회원가입을 하면서 DB에 남아있던 사용자를 확인하고 정보가 있다면 서버에서 토큰을 발급을 한다. 서버에서 넘겨준 토큰이 사용자로 가게되면 이 토큰이 계속해서 웹에 남아있다면 사용자가 페이지를 이용할 수 있는 것이다...
[Problem] 이번주 과제 풀스택 미니프로젝트. 내가 맡은 부분은 main.html을 작성하고 main 부분에 기능을 구현하는 것이다.오늘의 문제는 크롤링하는 부분이었다. yes24에 있는 책의 URL을 통해 title, description, image를 가져오는 기능이었다.여기서 문제는 title과 description을 가져오는 것은 문제가 발생하지 않았지만 image를 가져오는데 문제가 발생했다.어떤 책은 3D로 구현되어 있지 않았지만 어떤 책은 3D로 구현해 놓아서 다르게 적용되었다. // 3D image #yDetailTopWrap > div.topColLft > div > div.gd_3dGrp.gdImgLoadOn > div > span.gd_img > em > img // 2D ima..
[Problem] 본격적인 항해를 시작하기 전 마지막 여유로운 주말이다... 잠깐 쉬다 지금은 쉬면 안된다는 생각을 하며 다시 노트북 앞에 앉았다. 오늘은 이리저리 생각하다 시험 전에 팀원들과 했던 마지막 토이 프로젝트를 하나하나 뜯어서 다시 보았다. 아직 부족한 점이 많아 팀원들의 도움을 많이 받았다... 문법적인 부분이 많이 부족해 작성을 할 때 한번 막히기 시작하면 뇌가 정지하는 느낌이었다. 다시 하나하나 이해하면서 넘어가다 문득 코드가 너무 길다. 보기 너무 힘들다는 생각이 들었다. 오늘은 이 부분을 TIL Problem 주제로 잡으려 한다. [Try] 토이 프로젝트 Html부분을 살펴 보았는데 375줄이다....다른 코드들도 더 복잡한게 있겠지만...그래도 읽기가 너무 어렵다. 편하게 읽히면서 ..
[Problem] 항해 99 파트타임 1기 OT주차 입학시험. 문제는 기존에 했던 Bucket-List에 List부분에 취소/완료 버튼을 추가하고 취소버튼이 될 때 List text부분에 줄이 들어가는 기능을 추가하는 것이다. 코드를 작성했지만 계속해서 원하는 결과가 나오지 않는 부분이었다. 취소 버튼을 눌렀지만 계속해서 바뀌지 않았다. [Try] 코드 부분에 변수를 지정하는 부분에서 틀린부분이 있었을 거라 생각하여 계속해서 연결되어 있는 변수들을 살펴 보았다. 하지만 코드부분에 여전히 틀린 부분이 없었다. 코드 부분이 틀린게 없다면 데이터 저장부분에 문제가 있다고 판단했다. mongoDB에 접속해 저장공간 저장된 데이터를 확인했다. 맞았다. let num = a['num'] let done = a['d..
[Problem] 항해 99 파트타임 1기 OT주차를 들어가기 전에 하는 마지막 사전 스터디. 이번 토이 프로젝트는 전에 했던 방명록을 남기는 프로젝트와 비슷한 TO-DO LIST 프로젝트였다. 기존의 프로젝트와 동일하게 저장하고 불러오는 형식은 동일했다. 추가로 지우는 부분과 수정하는 부분을 추가했다. 머리로 생각할 때는 불러온 부분에 수정과 삭제 버튼을 달아주는 형식으로 생각했다. 그러나 아이디어에 비해 부족한 실력으로 인해 구현하기가 쉽지 않았다. [Try] 처음에 시도한 부분은 스크립트부분이나 파이썬을 수정하는 것을 시도했다. 파이썬은 그저 데이터를 받고 뿌려주는 형태만을 갖고 있었다. 따라서 스크립트부분을 수정해야 한다는 것을 깨달았다. 추가적으로 body부분에 post부분도 일부 수정해야 한다..
[Problem] 기존에 했던 프로젝트 스파르타피디아 구조를 통해 좋아하는 음악을 저장하는 음악 저장 공간을 만들었다. 크롤링해서 가져오는 곳은 네이버 VIBE를 이용했다. 기존에 했던 방식과 동일하다 생각하고 작성한 코드를 돌렸지만 엉뚱한 내용만 저장됐다. 계속해서 같은 내용으로 다른 부분을 크롤링해서 저장하는 형태가 되었다. [Try] rows.forEach((a) => { let comment = a['comment'] let title = a['title'] let desc = a['desc'] let image = a['image'] let star = a['star'] let star_repeat = '⭐'.repeat(star) let temp_html = ` ${title} ${desc} ..
