[TIL] 240501 (JavaScript 팀 과제 시작 / localStorage 사용법 학습)

·2024년 5월 1일

TIL

목록 보기
28/268

🥞 오늘 한 일

  • JavaScript 팀 과제
    • 팀 과제 발제
    • 역할 분배 (영화 찜하기 기능)
    • 로컬 스토리지 공부
  • 알고리즘 코드카타
    • 3진법 뒤집기

🍽️ 문제 해결

JavaScript 팀 과제

현재 구현하려는 "찜하기 기능"을 의사 코드로 작성한 것이다. 기능을 아직 구현한 것은 아니지만, 일단 과정이기에 TIL에 작성해본다.

영화 상세 페이지에서 찜하기 버튼을 클릭한다.
⇒ 해당 영화의 아이디 값이, heart 키값에 밸류로 저장된다. 배열로 추가시켜도 될 것 같다.
⇒ heartTest 페이지로 가면, 현재 heart 값을 불러온다.
⇒ heart 값 내의 각 배열 요소인 영화 아이디에 맞는 영화 카드들을 불러와서 페이지에 넣어준다.

🍪 배운 것

  • localStorage 사용법
    • setItem() : 아이템을 추가
    • getItem() : 아이템을 읽기
    • removeItem() : 아이템을 삭제
    • clear() : localStorage 내 아이템 전체 삭제
    • length : 아이템 갯수 구하기
    • key(index) : key 이름 찾기
    • getItem(key) : 해당 key의 value 읽어오기
    • localStorage에 객체를 저장하려면 문자열로 저장해줘야 하고 다시 가져올 때는 JSON.parse를 사용해서 가져와줘야 한다.
  • 진수 변환
    • 10진수에서 N진수 변환법 : num.toString(N)
    • N진수에서 10진수 변환법 : parseInt(num,N)

🍴 느낀 점

오늘은 좀 싱숭생숭한 날인 것 같다... 내가 맡은 부분이 다른 팀원분이 이미 전에 완성해두신 상태였고, 때문에 내 역할이 붕 뜨는 상황이 벌어져서 일단 다른 걸 맡았다. 오늘 도움이 되지 못했다는 생각에 좀 기분이 애매했던 차에, zep에서 어떤 분이 계속 우리 팀의 방에 들어와서 소리를 지르고 가는 사건이 있었어서 (아직 범인은 잡지 못했다) 좀 더 기분이 애매해지는 것 같다. 로컬 스토리지 공부를 하느라 코드카타도 한 개밖에 하지 못했다.
그래도 로컬 스토리지를 공부했다는 것 하나만으로도 오늘 얻은 게 있는 거니까...! 긍정적으로 생각하고 싶다! 내일은 내가 다시 담당하게 된 찜하기 기능을 혼자서든, 팀원분들이나 튜터님들의 도움을 받든, 어떻게든 제작을 진행시켜나가 꼭 도움이 되고 싶다! 오늘 많이 못 한 코드카타도 많이 하고!

🍳 내일 할 일

  • 다시 긍정적으로 생각하기
  • JavaScript 팀 과제
    • 찜하기 기능 구현
  • 알고리즘 코드카타 1시간
profile
웹 프론트엔드 개발자

2개의 댓글

comment-user-thumbnail
2024년 5월 1일

헉... 범인 잡아라 !! 솔님 고생하셨어요

1개의 답글