반응형 전체 글264 객체 구조 분해 객체 구조 분해 기능을 이용하면 객체에서 값을 추출하여 변수에 할당할 수 있다. 단일 구문을 이용하여 객체의 여러 속성을 개별 변수에 할당할 수도 있다. 예를 들어 다음과 같은 객체가 있다고 가정해 보자.const person = { firstName : 'John', lastName : 'Johnson', email: 'jjj@naver.com',} 구조 분해 기능이 없다면, 각 속성에 개별적으로 접근해야 한다.const firstName1 = person.firstName;const lastName1 = person.lastName;const emai1 = person.email; 다음 구문을 이용하여 구조 분해를 이용. 변수를 생성할 수 있다. 간결하다.const {firstName.. 2026. 1. 31. mysql 반복문 예제 CREATE DEFINER=`xxx`@`localhost` PROCEDURE `myFunction`() BEGIN declare i int default 1; while (i insert into `Nonprimenumber` value (i); set i = i + 1; end while; END 명시적인 for문? 인듯CREATE DEFINER=` xxx `@`localhost` PROCEDURE `loop_edu02`() BEGIN declare cnt int default 0; select cnt as "log_01"; loop_xxx:loop if cnt = 100 then leave loop_xxx; end.. 2026. 1. 29. org.apache.ibatis.binding.BindingException: Invalid bound statement (not found) 클래스명을 빼먹었음. 뒤에 클래스명을 붙여줌. 2026. 1. 13. 스프링부트 JWT 잠깐 구현 메모 코딩 발행 키값 확인 스프링 시큐리티로 접속 https://www.jwt.io/ JSON Web Tokens - jwt.ioJSON Web Token (JWT) is a compact URL-safe means of representing claims to be transferred between two parties. The claims in a JWT are encoded as a JSON object that is digitally signed using JSON Web Signature (JWS).www.jwt.io 접속해서 발행된 JWT토큰이 맞는지 밸리데이션 해본다. 제네레이트 예제를 선택 알고리즘을 256으로 선택 후. 토큰 발행에 사용한 시크릿키를 입력 1234...api 를 통해 발행된.. 2026. 1. 12. JS find 함수 사용하기 리액트 ts 공부를 하다가 자바스크립트 화살표 연산자나 find, map 등등 기초 지식이 부족하다는 것을 느낀다.그래서, 집 앞 알라딘에서 책을 구매했다. 개발자로 먹고살려면 매일매일 공부하여야 한다. 주로 백엔드를 하다 보니 프런트 코딩을 너무 소홀히 했었다.리액트에 주로 사용되는 find, map, filter들을 잘 이해하지 못하고 그때그때 필요한 기능을 사용하는 정도로만 제한적으로 사용했다. 책 내용 예제 중. 배열 부분에 아래 예제가 나온다. const dogPair = [ ['name','Don'], ['color','black'] ];function getName(dog){ return dog.find(attribute => { return attribute[.. 2025. 12. 27. Uncaught TypeError: Cannot read properties of undefined (reading 'map') 배열 렌더링 오류 jsonplaceholder.typicode.com/todos 를 호출해서todo 데이터를 리액트 쿼리를 이용 간단한 조회 화면 하나 만들려 하는데 에러가 난다. 유투브를 보며 코딩을 따라하는 와중... 난 에러가 나는데... 원인은 리액트의 렌더링 방식에 있다.화면은 모두 렌더링을 했는테 그 시점에 그릴 수 있는 data가 없는 경우다. 자주 만나는 발생 원인이다. 리액트의 렌더링 및 데이터의 페치의 타이밍 이해가 필요하다.해결 방법 return ( ul> {data.map((item: todo) => ( li key={item.id}>{item.title}li> ))} ul> ); 기존 방식에서 data가 없다면 이라는 .. 2025. 12. 16. 리액트 타입스크립트 vs경고 : Parameter 'item' implicitly has an 'any' type. Parameter 'item' implicitly has an 'any' type.요런 경고가 발생. data.map 의 인수 item의 타입이 몬지 모르기 때문에 타입을 지정해주는 방식으로 코딩을 해준다. 인터페이스를 상단에 추가해주고 interface todo { userId: string; id: number; title: string; completed: boolean;} 해당 하는 타입을 지정해주면 경고는 사라진다.생각해보면 타입스크립트를 사용하는 코딩에서는 당연한 경고. 2025. 12. 16. log4jdbc 스프링부트 mysql 설정 방법 1. 그래들 디펜던시implementation 'org.bgee.log4jdbc-log4j2:log4jdbc-log4j2-jdbc4.1:1.16' 2. application.properties 설정 기존 데이터소스 드라이버를 log4jdbc로 변경 처리#spring.datasource.driver-class-name: com.mysql.cj.jdbc.Driver#spring.datasource.url=jdbc:mysql://localhost:3306/cardbspring.datasource.driver-class-name=net.sf.log4jdbc.sql.jdbcapi.DriverSpyspring.datasource.url=jdbc:log4jdbc:mysql://localhost:3306/cardb 3.. 2025. 12. 10. React TS useCallback useCallback 사용 전,import React, { useEffect, useState } from 'react';/*20250919* useCallback 함수를 메모이제이션 하는 기능 자바스크립트에서 함수도 변수에 저장이 된. 변수도, 함수도 사실 메모리에 올리는 것이니 특정 함수를 const 하면 어쨌건 다시 리로딩하니까.... 함수를 특정 변수의 의존적 메모제이션으로 만들어 사용한다. 리액트가 모바일에서 부터 출발했으니 리소스 관리가 디테일한 건 아주 당연한듯** ===> onChange={ (e) => setNumber(e.target.value)} //형변환 경고가 뜬다. input 박스의 이벤트 함수가 string을 받기 때문이다*/const Edu_usecallbac.. 2025. 9. 19. 이전 1 2 3 4 ··· 30 다음 반응형
