전체 글(82)
-
카카오 공유하기버튼 구현
1. 준비 사항 1) react - vite 로 프로젝트 생성 했을 때의 예시. 2) 카카오 디벨로퍼에서 앱 생성 2. index.html 에 아래의 스크립트를 추가한다. - version 에 따른 Intergrity_value 값을 복사하여 넣으면 된다. https://developers.kakao.com/docs/latest/ko/javascript/getting-started https://developers.kakao.com/docs/latest/ko/javascript/download // index.html 방법 : 2 App.tsx 에 useEffect 를 사용하여 초기화를 해도 가능하다.useEffect(() => { if (!window.Kakao.isInitialized..
2025.09.24 -
달리기 경주
https://school.programmers.co.kr/learn/courses/30/lessons/178871 아래의 코드는 시간 복잡도 O(N x M) 으로 callings(N개의 배열) 내부의 요소수가 100만개이고. players(M개의 배열) 이 10개만 되어도 M x N = 1000만 번의 연산을 수행 해야 한다.function solution(players, callings) { for(let i=0; i 문제점 1. 배열 순회 중첩으로 인한 높은 시간 복잡도 해결방안 1. 배열 순회는 1회로 시간 복잡도 O(N) 또는 O(M) 이 되게 한다. 구현 방법 1. callings 만 1회 순회 시킨다. 2. callings 의 요소로 players의 등수를 확인 ..
2025.09.15 -
데이터 모델링
테이블 만들기 정규형식1NF : 제1 정규형2NF :제2 정규형3NF: 제3 정규형 정규화 규칙의 장점 데이터 중복 (redundancy) 제거 데이터 무결성 (integrity) 준수 이상현상 (anomaly) 방지 1NF 테이블 한칸에는 하나의 값만 중복 로우, 컬럼 X Primary Key 필수 한 컬럼에는 같은 데이터 타입 사용 도서관 책 대여를 예시로 1NF 에 대한 테이블 예시 설명 1. 테일블 한칸에는 하나의 값만 / 중복 로우,컬럼 x 대여한 책 목록에 값이 2개 이상이 들어갈 경우 1NF 에 위배 된다. 만약 책 1개만 반납 할 경우 작성 방법이 애매해지기 때문이다. 테이블 한 칸에는 하나의 값만 작성한다. 2. 중복 로우, 컬럼x 로우를 늘이지 않고 컬럼을 늘여서 대여한 책을..
2025.09.02 -
배열
자바스크립트에 배열 타입은 존재하지 않는다. 배열을 객체 타입이다.typeof arr // object 객체와 배열의 특징구분객체배열구조키와 값인덱스와 요소값의 참조키인덱스값의 순서XOlength 프로퍼티XO배열은 반복문을 통해 순차적으로 값에 접근하기 적합한 자료구조이다 희소배열 현재 length 에 프로퍼티 값보다 작은 숫자 값을 할당하면 배열의 길이가 줄어든다.const arr = ["a", "b", "c", "d", "e"];arr.length = 3;console.log(arr); // [ 'a', 'b', 'c' ] 현재 length 에 프로퍼티 값인 1보다 큰숫자 3을 length 프로퍼티에 할당하면, length 프로퍼티 값은 변경 되지만실제로 배열의 길이가 늘어나지는 않는다.co..
2025.08.29 -
깃허브 action 과 로컬에서 파일명 대/소문자 인식에 따른 오류
문제 정의로컬에서 npm run build 를 하여 빌드시 오류를 체크하였으나 문제 없었음.commit 후 깃허브 레포지토리에 푸시깃허브 action 이 실행깃허브 quality-check 과정의 아래 빌트테스트에서 오류 발생 깃 허브 action 에서의 빌드 테스트 코드- name: 빌드 테스트 run: npm run build useInbodMessageStroe.ts 에서 @/mystudymockdata/inboxMessageData 경로의 파일을 불러오려고 하는데 없어서오류가 났다는 의미 정보 수집 절대경로 인식오류 인가? (NO!) vite.config.ts 파일에 절대경로 설정이 되어 있음import { defineConfig } from 'vite'impor..
2025.08.20 -
Enter 키 이벤트 한글 입력 오류
문제 정의할일 추가 시 UI/UX 관점에서 엔터를 눌렀을 경우에도 할일이 추가 되게 설정을 하였다.keydown 이벤트가 발생하였을 경우 Enter 키일 경우에 handleSubmit 을 실행하여 할일을 추가한다. const onKeyDown = (e: React.KeyboardEvent) => { if (e.key == 'Enter') { handleSubmit() } } setTodoInput(e.target.value)} onKeyDown={onKeyDown} /> 문제 발생 영상한글입력 후 엔터 하여 할일 추가 시 끝의 단어 한개가 더 추가되어 입력된다.마우스로 추가 시에는 발생 하지 않음 원인 추론✅ 원인: IME(한글 입력기) 확정 시 Ente..
2025.08.20