데이터와 한걸음씩

배열을 localStorage에 그냥 setItem 으로 저장하면 텍스트 형식으로 저장돼서 불러올때 for문으로 돌리면 한글자씩 출력된다. 배열을 배열형태로 저장하기 위해 JSON.stringify() 로 감싸주었다. array = [1,2,3] localStorage.setItem('name',JSON.stringify(array)); var todo = localStorage.getItem('name'); JSON.parse(todo); 아래 캡쳐에서보면, localStorage의 todo 라는 Key 에 값이 배열형태로 저장된걸 확인할 수 있다. 전체 코드 https://github.com/choihana/backendschool/blob/main/todolist.html GitHub - choih..

개발자들은 귀찮은 걸 싫어한다. 코드가 복잡해지고, 똑같은 코딩을 또 하는걸 싫어한다. 함수로 중복 코드를 제거해보자! 1. 중복 제거하기 전 if와 else 안에 컬러를 변경해주는 코드가 중복으로 작성되어 있다. hana duri 2. 중복 제거 후 screen_mode 함수를 추가해서 반복적으로 작성됐던 컬러를 변경해주는 코드 담아서, 중복을 제거해주었다. mode_change 함수에서는 screen_mode 함수의 인자로 원하는 컬러를 전달해주어서 결과를 얻고 있다. hana duri 이렇게 코드의 중복을 없애고 간결하게 하는 과정을 리팩토링이라고하고, 리팩토링을 하는 규칙이 있다. 참고 👇🏻 위키백과: 리팩토링 리팩터링 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 리팩터링..