2025/02 3

(1) 회원정보 수정 기능 - Array, Object

회원정보 수정 기능을 구현하였다.가장 먼저 구현하고 싶은 것들을 정리해보았다. 1) 변경할 수 있는 값들과 변경 불가한 값 구분변경할 수 있는 값들은 전화번호, 비밀번호, 이름 등이었고변경할 수 없는 값들은 이메일 등이 있었다.이는 readOnly 기능을 사용해 쉽게 구현 가능했다. 예시 ✅ value vs defaultValue 차이  둘다 input 초기값을 설정하는 attribute이나 값을 변경하는 방식이 다르다.속성동작 방식상태 관리value"제어 컴포넌트" → 상태(state)와 동기화됨useState와 같은 상태 변수 필요defaultValue"비제어 컴포넌트" → 초기값만 설정되고 이후 변경되지 않음상태 변수 없이 사용 가능 ✅ readOnly와 defaultValue를 함께 사용하는 이유..

기록

2월이 끝나간다.프론트엔드 부트캠프를 시작한 지 벌써 6개월. 그동안 많은 걸 배우고, 좋은 사람들과 좋은 대화를 나눴다. 날이 따뜻해지니 뚝섬유원지를 걸을 때의 그 기분 좋은 설렘도 더 선명해진다.이제 부트캠프를 마무리하며, 배운 것들을 차곡차곡 정리해볼까 한다. 사실 기술 블로그를 써야지, 써야지 하면서 미뤘었는데. 누군가 볼지 안 볼지는 모르겠지만, 최소한 나한테는 남는 기록이었으면 좋겠다.이제 3월. 새학기 같은 마음으로 다시 시작해보려 한다. 남은 2025년, 끝까지 알차게 채워보는 걸로. ✨

notice 2025.02.24

자바스크립트 비동기

콜백함수함수에 파라미터로 들어가는 함수. 비동기이며 순차적으로 실행하고 싶을 때 사용.ex. event listener, setTimeoutfunction first (params) { params()} // first() 실행 후 params() 실행  callback hell : 콜백함수가 너무 많이 중첩될 경우 코드의 가독성이 떨어짐, 에러 발생시 처리 어려움. 이를 해결하기 위해 promise 또는 async/await 사용 promisepromise((resolve, reject) => {비동기로 실행할 코드}) // resolve는 성공 코드, reject는 실패 코드.then{}.catch{} : error 처리 .finally{} : 모든 처리가 끝난 후 처리할 코드promise 체인 : ..

JavaScript 2025.02.03