노트 만들기 -2 [완성]

Lumi·2021년 10월 25일
0
post-thumbnail

github:

내 최종 코드이다.

클론 코딩 없이 그냥 저번에 만든거 localStorage복습도 할겸 간단하게 만들어 봤다.

  • 원래는 직접 만든뒤에 클론코딩 영상을 보고 변수명도 맞췄다
  • 이유는 내가 잘못 작성했을떄 영상을 보고 어떤 변수가 오류인지 보기 위해서

하지만 이 코딩은 그냥 나혼자 해본것이기 떄문에 그냥 변수명도 마음대로 햇다;; ㅎ

음.. 일단 이정도 코딩을 짜면서 발생한 문제는 처음에는 새로 생기는 글에
button을 넣는 것이다.

내 생각으로는 버튼이 들어간 태그가 형성이 되어야 하는데 이상하게 그런식으로 되지 않아서 그냥 단순히
따로 함수로 구현을 하였다.

다음 문제는 삭제 버튼이였다.

삭제 버튼 같은 경우에는 누를시에 삭제가 되어야 한다.

  • 나는 localStorage를 이용하고 잇기 때문에 저장소에 있는 값을 삭제를 해야한다.

그후 새롭게 값을 뿌려줘야 하는데 그 부분이 되지 않아서 살짝 고민을 했지만

이또한 다른 함수로 버튼을 추가할떄 같이 추가해 줌으로써 한번 초기화 시키고 그후 값을 다시 뿌려주는 방법으로 해결을 하였다.

처음에는 저장소에 저장되는 데이터의 키값을 따로 변수로 두고 그 변수를 증가시키면서 관리를 하였다.

  • setIten부분의 key값 설정에 idx++이것으로 적혀 있었다.

하지만 삭제 버튼을 누르면 해당 번호가 삭제되기 떄문에 카운트가 하나 줄어야 하는데

따른 변수로 활용하다보니 카운트 줄이는 것을 구현하지 못하였다.

  • 그래서 그냥 저장소에 있는 값을 받아와서 그것을 변수로 활용을 하였다.

후기

결과적으로는 아직 미완성이다.
하지만 여기까지만 진행을 하고자 한다.

미완성인 부분은 간단하다.

저장소에는 1,2,3,4 이런식으로 index가 키값이 되어서 저장이 되는데
만약 1번쨰 값을 삭제하게 되면 남아있는 값은 2,3,4가 될것이고 그러면 showText에서 값을 읽어올떄
1 값이 없어서 화면에 적절하게 표현이 되지 않는다...

이부분은 아직 해결법을 모르겠다...

더이상 이부분에 시간을 투자하는 것은 너무 비효율적이라고 생각을 하여 넘어가는 것이다..!!

profile
[기술 블로그가 아닌 하루하루 기록용 블로그]

0개의 댓글