전체 글 썸네일형 리스트형 useState에서 이전 값을 참조하여 state값 변경하기 버튼을 클릭하여 이전 state 값을 2로 업데이트 하는 방법 올바른 방법 정상적으로 2씩 state가 증가됨. function App() { const [state, setState] = useState(0); const onClick = () => { useState((prev) => prev + 1); useState((prev) => prev + 1); }; {state} Count Up } 올바르지 않은 방법 1씩 증가됨. function App() { const [state, setState] = useState(0); const onClick = () => { useState(state + 1); useState(state + 1); }; {state} Count Up } 왜 1씩 증가되는가.. 더보기 mongoose에서 화살표 함수(arrow function)이 동작하지 않는 이유 javascript에서 제공하는 this는 예외적으로 화살표 함수를 사용할 수 없다. 문제 발생 회원가입 API 호출 시 결과가 false인 경우 오류 메시지가 나오도록 구현하였는데 따로 오류 메시지가 출력되지 않음. 오류 메시지가 출력되지 않은 이유는 아직 파악하지 못함. 원인 결론, this는 화살표 함수를 사용하지 못한다. moogoose 패키지의 userSchema.pre() 함수 사용하여 비밀번호 암호화하는 기능을 구현 비밀번호 정보르르 불러오기 위하여 스키마 정보를 this로 조회 userSchema.pre("save", (next) => { let user = this; if (user.isModified("password")) { // 비밀번호를 암호화 bcrypt.genSalt(saltR.. 더보기 [CentOS] 방화벽 상태 조회, 해제, 재시작 방화벽 상태 조회 firewall-cmd --state 방화벽 해제 systemctl stop firewalld 방화벽 재시작 firewall-cmd --reload 더보기 [PHP] CURL를 통해 POST 형식으로 body 전송 - JSON 형태로 전송 json 형태로 body를 전송하기 위해서는반드시 header에 'Content-Type: application/json'을 추가해줘야합니다. header를 추가하지 않고 query형태(?data1=test1&data2=test2)로도 전송이 가능합니다. 더보기 [PHP] CURL를 통해 header 전송 더보기 [JavaScript] reverse 함수 reverse()는 배열의 순서를 반전시킵니다. const num = [10, 20, 30, 40, 50]; const value = num.reverse(); console.log(value); // [50, 40, 30, 20, 10] 더보기 [JavaScript] reduce() 함수 간단한 사용 예 const num = [10, 20, 30, 40, 50]; const value = num.reduce((a, b) => { return a + b; }); console.log(value); // 150 상세 설명 및 예시 reduce 함수는 배열의 각 요소에 대해 함수를 실행하고 하나의 결과값을 반환합니다. arr.reduce(callback[, initialValue]) callback은 총 네 가지 인수를 사용할 수 있으며 두 가지의 필수 옵션과 두 가지의 선택 옵션이 존재합니다. 인수 이름 설명 필수 accumulator callback의 반환값을 저장 initalValue를 설정했을 경우 최초 호출 시 intalValue 값을 제공 initalValue를 설정하지 않았을 경우.. 더보기 [TypeScript] 클로저(closure) - 유효 범위 클로저 클로저는 지속되는 유효 범위(persistence scope)를 의미합니다. const add = (x: number) => {// 바깥쪽 유효 범위 시작 return (y:number): number => {// 안쪽 유효 범위 시작 return x + y;// 클로저 }// 안쪽 유효 범위 끝 }// 바깥쪽 유효 범위 끝 console.log(add(1)(2));// 3 다음과 같은 예에서 함수 안쪽 유효 범위만 놓고 본다면 'x'는 존재하지 않는 변수입니다. 이처럼 범위 안에서 의미를 알 수 없는 변수를 자유 변수(free variable)라고 합니다. 타입스크립트에서는 자유 변수가 존재한다면 바깥쪽 유효 범위에서 'x'라는 변수를 찾아 컴파일합니다. 따라서, 다음과 같이 사용하는 경우 'a.. 더보기 이전 1 2 3 4 5 ··· 10 다음