반응형 전체 글266 토미카, 만년필, 스벅 에스프레소 세계 도시컵 그리고 놀이터 아이가 한글을 배우게 되면서 연필을 사용하게 됐었다. 함께 연필로 글쓰는 연습을 하다보니 만년필을 다시 구매하게 됐다. 그렇게 8년이 흘러 만년필로 매일 아침 일기를 쓰게됐다. 차를 좋아한다. 하지만 갖고 싶은 차들은 너무 비싸거나 가족과 함께 이용하기에 비효율적이다. 그래서 토미카를 샀다. 마트에 갈때 마다 갖고 싶은 드림카를 한대씩 사곤 했는데... 오늘 BMW를 참석시키지 못했다. 내 차고에 저 차들이 있었다면 하루하루가 어떤 기분일까? 오늘의 출사 모델이 되어준 토미카, 만년필, 스벅 에스프레소 잔 그리고...놀이터이터와 나무 2026. 3. 22. 양평_서대문_러시아공사관_20260321 도심 빌딩 사이사이로 보이는 산. 이런 풍경의 도시가 지구에 있을까? 하는 생각이 무심코 든다. 토요일 아침. 사진을 만들고 싶다. 해뜨기 직전 자주 산책을 나가곤 한다. 사진을 찍기 가장 아름다운 시간. 블루 아워 산책을 하며 느꼈던 아름다운 해돋이 시간 빛의 향연을 카메라에 담고 싶어. 용기를 갖고 집을 나섰다. 역시나 내공이 부족해서일까 셔터를 누를 만한 근거도 자신감도 나만의 철학도 없기에 망설여진다. 2026. 3. 21. 객체 구조 분해 객체 구조 분해 기능을 이용하면 객체에서 값을 추출하여 변수에 할당할 수 있다. 단일 구문을 이용하여 객체의 여러 속성을 개별 변수에 할당할 수도 있다. 예를 들어 다음과 같은 객체가 있다고 가정해 보자.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. 이전 1 2 3 4 ··· 30 다음 반응형
