초보 개발자의 성장 일기

1. 문제 해석 아스키코드란? ASCII (American Standard Code for Information Interchange, 미국 정보 교환 표준 부호) 1963년 미국 ANSI에서 표준화한 정보교환용 7비트 부호체계이다. 쉽게 얘기하면 컴퓨터에서 문자를 표현하려면 숫자를 이용해야 하는데 이때 문자 표현을 위한 약속들 중 한 가지가 아스키코드이다. 2. 문제 풀이 자바스크립트에서 아스키코드로 변환해주는 메소드가 있다. 아스키코드 관련 메소드를 더 찾아보았다. charCodeAt() 문자를 아스키 번호로 변환해준다. console.log('A'.charCodeAt()) // 65 String.fromCharCode(아스키 번호) 아스키 번호를 문자로 변환해준다. console.log(String..

리액트 + ts로 프로젝트를 만들던 도중 고유한 atom key만 사용했는데도 불구하고 atom의 키가 중복되었다는 오류메시지가 나왔다. atom에 있는 모든 키가 중복되었다는 에러가 나왔고 atom의 키를 바꿔도 같은 에러가 나타났다. 개발 환경에서 Recoil을 사용하면 파일이 변경되어 다시 빌드되는 과정에서 atom으로 만든 state가 재선언된다고 한다. key는 고유한 값을 가져야하는데 재선언되는 과정에서 이미 key로 선언된 값을 key로 사용해서 문제가 발생하는 것이다. recoil을 사용할 때 발생하는 고질적인 문제이며 기능상에는 문제가 없지만 무시하기엔 에러가 너무 많이 났다. 에러메시지를 없애기 위한 방법은 공식 문서에 잘 나와있다. https://recoiljs.org/blog/202..

가계부 웹을 만들던 도중 수입 금액을 리코일로 전역 상태저장하고 기본값을 0으로 한 후 input에 onChange로 값을 넣어주었다. onChange={(e)=> handleChangeImportAmountValue(e)} const handleChangeImportAmountValue = (e:React.ChangeEvent) => { importAmountValue(e.target.value) } 이벤트를 넣어주고 이벤트에 맞는 타입을 지정해주고 값을 변경하려니 타입 에러가 났다. 'string' 형식의 인수는 'number | ((currVal: number) => number)' 형식의 매개 변수에 할당될 수 없습니다. 라고 뜨는 것이다. 상태의 기본값이 0이라 타입은 0으로 추론이 되어있을것인..