input의 개수가 여러 개가 됐을 때는, 단순히 useState를 여러 번 사용하고 onChange도 여러 개 만들어서 구현할 수 있지만, 가장 좋은 방법은 아닙니다.더 좋은 방법은 input에 name을 설정하고 이벤트가 발생했을 때 이 값을 참조하는 것입니다. 그

Lv1 없는 숫자 더하기

정규식,,, 계속 눈에 밟힌다!

8월 목표 코테 공부를 조금씩이라도 해야겠단 생각이 들었다!lv0부터 매일 하나씩 풀어보기, 평일 쉬운 것 / 주말 풀고 있는 레벨보다 1단계 위(lv1 or lv2) + 알고리즘 개념공부20일(일)내 풀이생각하지 못했던 다른 사람 풀이 한줄 얻어가기 : b-a 로 큰

JSDoc : 이 함수를 사용할 때 마우스를 올려두면 주석이 힌트로 나오게 된다 (Webstorm, VSCode 등에서 사용가능)함수 위 /\*\*치고 엔터 치면 JSDoc 자동완성된다.변수.사용가능 함수도 자동완성(10년전 타입스크립트 없을때 사용했다)요즘에도 사용한

1\. 숫자를 문자열로 바꾸기 1) num.toString() , (100).toString() 2) String(num), String(100) 3) num+"" 4) ${num} , ${100} 5) toFixed() === toFixed(0),

코드 리뷰를 받을 때, 세미 콜론을 자꾸 빼먹는 경우가 생겨 프리티어로 세미 콜론만 추가로 설정하고자 했다. (

Cannot read property 'push' of undefined when combining arrays => 게시판 생성 때, 데이터 타입 정의를 해당 변수에 넣어줬으니까 초기화가 진행됐을 거라고 생각했다.

.reset() 하면 폼 전체 초기화된다.

js에서 배열 원하는 개수로, 값으로 초기화

아이템 목록을 map을 쓸 때 key를 쓰는 이유? > React가 모든 아이템을 개별로 식별할 수 있다. 배열의 길이 2. 아이템의 위치 까지 확인해서 객체 및 배열 목록을 효과적인 방법으로 업데이트 할 수 있다. element 없이 바로 사용이 가능

변화의 시작! 4월 1일부터 10일까지의 회고

캐슁이 잘 되면 데이터 비용 save ! 데이터 센터 한 나라에만 있어도 전세계적으로 빠르게 서빙 가능한데 csr은 효율적으로 사용 못함 SEO최적화가 잘 안된다. Search Engine Optimization 검색엔진최적화 웹사이트 만들면 내용이 검색엔진에서 키워드

이용약관 및 개인정보 안내문구 현재 작업중이던 input 입력 컴포넌트의 type값 props 작업 코드 리팩토링회원가입 react hook 라이브러리로 유효성 검사 추가아직 API가 완성되지 않음(1). API 연결 확인하기 (2). 데이터 조회하고 유효성 검사 부분

배열의 연결고리가 필요한 상황 join을 이용해서 합친 결과 애매한 .. split을 쓰려면 문자열 형태여야함. map을 쓰려면 split으로 배열 형태로 만들어야 함. join을 써서 각 배열의 연결 형태를 바꿔줄 수 있다. 그래서 그게 뭔데? ![](http

VSCode에서 예상한 출력값이 나오는지 확인하기 위해 추가한 목업데이터@@궁금해서 돌려봤다 하핳.. 🥺예상과 다르게 내가 쓴 readFileSync로 가져오는 것보다 readline이 메모리도, 시간도 적게 사용했다. 성능 차이가 작다는 것을 알게 되어, readl

오랜만에 코테를 다시 준비해보니, 처음부터 다시 공부의 필요성을 느꼈다. 특히 자바스크립트로 처음 풀면서, 웹 개발에도 js로 풀어보는게 많이 도움이 될거란 생각이 들었다. 더 좋은 방법을 찾다가 sort로 정렬한 뒤에 비교하면 더 간단해진다는 것을 알게 되었다. so

버튼을 클릭했을 때, 유효성검사 진행한 결과 문구가 나온다. 실시간으로 사용자에게 알려주는게 좋겠다는 생각이 들어 다음과 같이 변경했다. > mode: 'onSubmit' 이 default 값으로 되어있는데, 이것을 input의 값이 변경될 때마다 확인하도록 mod

MVC란 "Model-View-Controller" (모델-뷰-컨트롤러)의 약자이다. 모델이란 데이터와 데이터에 접근하기 위한 기능, 여기에 다양한 로직을 보탠 것을 가리킨다.뷰는 콘텐츠를 어떻게 외부에 출력할지를 정의하는 부분이다. 사용자에게 전달되는 형태는 HTML

Redux 쓰는 이유 모든 컴포넌트가 props없이 state 직접 꺼낼 수 있음 상태관리가 용이하다. ( state관리 ) 컴포넌트들 수정요청만 가능 - 요청받는 store.js 문제 생겼을때, 관리 무조건 store.js( 추적 및 관리 필요 ) state 버그