오늘 한 일 Node.js 1주차 강의 express.js 이해 gitHub issues 에 등록된 리뷰 확인 문제점 detail.js 에서 renderReviewCard의 await을 활용한 코드 작성은 내가 한 것. 왜 await을 썻냐면 기존에 await을 붙이지 않고 리뷰 작성을 한 번 클릭하면 로컬스토리지에만 저장되고 웹페이지에는 생성이 안되던 문제가 있었음. 그 문제를 해결하려면 비동기 작업이 필요하다 생각들었고, 관련된 함수에 무작정 await을 때려 박던게 문제점이라 생각. 회고 조금 더 섬세하게 다가가야겠다. await를 추가해서 오류가 고쳐졌다는 생각에 관련된 함수에 무지성으로 await을 박아 넣었는데 다음부터는 생각을하고 필요 없는 부분에는 사용하지 않기로.

[TIL] 2024. 1. 17. 21:14

팀 회고 첫번째 협업 프로젝트가 끝났다. 주어진 시간 동안 팀원들과 소통하고 기능을 구현하는데 즐거웠다. 가장 먼저 git을 다룰 수 있게 되어 만족스러웠다. 기능 구현을 하는데 사용한 함수들에 대해서도, 확실히 머리를 박다보니 정말 이해하기 어려웠던 것도, 미약하게나마 이해하며 작성해 나갈 수 있을 것 같다는 자신감도, 팀장을 맡았지만 팀장 역할을 제대로 수행하지 못한 것 같아 팀원들에게 미안하다. 그래도 격려해주고 다같이 웃으면서 진행한 것 같아 팀원들께 감사한 마음도 크다. 이제 노드js에 입문하게된다. 내일부터 강의를 들어가며 뇌가 절여저야하는데 오늘 재정비하고 다시 몰입할 수 있도록 준비해야겠다. 프로젝트

[TIL] 2024. 1. 16. 20:24

오늘 한 일 리뷰 삭제 기능 개선 및 오류 수정 리뷰 내용 비밀번호 입력시 잘 못 받아오는 오류 수정 리뷰 삭제시 로컬스토리지 Undefinde 되어 카드 생성, 삭제 안되던 오류 수정 dev 브랜치에 detail.html / detail.js에 review 파일 병합 reviewCard css 수정 리뷰작성시 inputBox 비워지게 만드는 함수 추가 문제점 1. Undefined filter 함수를 사용할 때 조건이 올바르게 설정되지 않았다. localStorage.review = JSON.stringify([...deletedReivew]); [...deletedReview]를 쓰면 로컬스토리지에 배열을 나열한 후 새로운 배열을 만들고 복사하는 개념인데 이걸 간과해 undefined가 떴던 것. l..

[TIL] 2024. 1. 16. 01:05

오늘 한 일 리뷰카드 생성 리뷰카드 생성 안되는 오류 수정 리뷰카드 수정 및 삭제버튼 추가 리뷰카드 삭제 기능 고찰 리뷰카드 생성 및 수정 삭제 버튼 추가 input 필드 안에 값을 입력해주고, 리뷰 작성을 누르면 카드가 생성되는 코드를 구현했다. 만약, 필드가 하나라도 값을 받아오지 못하면 알럿창으로 오류를 띄워줬다. 기능을 구현하고 브랜치에 커밋 시킨 모습,, 일단 기능은 정상 작동하는걸 확인했다. 다른 팀원의 상세페이지 구현이 완료되면 임시로 적용시켰던 세션을 상세페이지로 옮긴 후 css 덮을 예정. 오늘의 고찰 Q. 입력 받은 비밀번호를 꼭 띄워줘야하는가. A. 로컬스토리지에만 저장하고 나중에 수정 삭제 할 때만 꺼내 쓰는게 좋아보인다. Q. 리뷰 삭제 기능을 어떤식으로 구현 할 것인가. A. 삭..

[TIL] 2024. 1. 12. 22:58

오늘 한 일 git 팀 회의 협업 git stash git branch -d 와 -D의 차이 git checkout 팀 프로젝트 팀 프로젝트 dev에 수정된 파일을 내 브랜치에 pull해서 받아왔다. 내가 맡은 기능은 리뷰작성기능 리뷰를 작성 할 수 있는 reviewSection을 작성해 input을 받아올 수 있게 로 묶어주고 과 태그를 생성해 카드를 담을 수 있는 section을 제작했다. 영화 리뷰 작성 작성자 리뷰 내용 확인 비밀번호 리뷰 작성 이제 이 내용에 인풋을 받아온 내용을 script에서 버튼이 누르면 localStorage에 저장되면서 리뷰가 작성된 카드가 나와야된다. const submitReview = () => { const authorName = document.getElemen..

[TIL] 2024. 1. 11. 23:27

오늘 한 일 알고리즘 코드카타 팀 과제 회의 자바스크립트 기초세션 5주차 강의 getters setters 팀 과제 회의 팀원들의 개인프로젝트 중 대표가 될 프로젝트를 선택하기 위해 각자 코드 리뷰를 했다. 그 중 선택 된 팀원의 코드를 git init해놓은 레포지토리 dev 브랜치에 푸쉬하여 세팅해줌. 기능 구현을 위해 파트를 나누고 강의를 다 듣지 못한 팀원들을 위해 오늘 하루는 강의를 듣는 시간을 가짐. 자바스크립트 기초 세션 변수 선언 호출 함수 선언 호출 dom에 대한 기본 구조 이해에 대해 배운 시간. 5주차 Class 와 getter setter 실습 기본적으로 class 에서 사용하는 메소드. getter는 속성값 반환 setter는 속성값 설정 이를 사용하는 이유는 생성한 인스턴스를 규격..

[TIL] 2024. 1. 10. 23:37

오늘 한 일 알고리즘 코드 카타 수행 git issues 피드백 기반 과제 그로스 제출 github 레포지토리 생성 후 팀협업 연습 git issues 피드백 기반 과제 그로스 내가 받은 피드백은 git에 commit 을 열심히하기, API키를 숨김처리하기 두가지였다. 먼저 git에 commit은 개인과제라서 생각을 안하고 있었다. API키 숨김처리는 const.js 파일을 새로 생성해주고, APIKEY를 추가해줬다. 이렇게 config.js를 생성해주고 index.html로 돌아가

[TIL] 2024. 1. 9. 22:59

오늘 한 일 개인 프로젝트 인기영화 검색 사이트 제작 API HTML에 표시 카드 클릭시 영화 id 나타나는 alert 창 구현 검색기능 구현 웹사이트 새로고침 후 검색 input 란에 커서 자동위치 시키기 프로젝트 설계 먼저 API를 받아오기 위해 직전 웹종반에서 수강했던 fetch 가져오기를 꼼꼼히 살펴서 설계를 진행했다. fetch("http://spartacodingclub.shop/sparta_api/seoulair") .then((response) => response.json()) .then((data) => { $('#names-q1').empty() let rows = data['RealtimeCityAir']['row'] rows.forEach((a) => { let gu_name = ..

[TIL] 2024. 1. 5. 23:52