분류 전체보기
-
크아 유저 조회 사이트 회고개발 2025. 5. 7. 14:55
프로젝트 소개넥슨에서 크레이지 아케이드 공식 API가 출시 되었다. API 없이 자세한 유저 정보와 아이템 정보를 조회는 게임에서 직접 만나는게 아니면 조회하기 힘들다.아이템 같은 경우에는 공식 API에서 이름만 제공하고 있다. 아이템 이름만 페이지에서 보여주기에는 부족해 보일 것 같아서 이미지를 공식홈페이지에서 다운로드하여 보여주기로 기획했다. 개발기간- 2025‑04‑13 ~ 2025‑05‑07 (약 3주) 주요 기능- 유저 검색Nexon Open API 호출하여 실시간 캐릭터 정보 표시 - 장착 아이템 정보 표시 기술 스택 선택과 이유Next.js 15 앱 라우터클라이언트와 서버 컴포넌트를 나누어 초기 페이지 로딩 속도를 빠르게 하였다.Cloudflare R2웹사이트에서 키워드 검색이 가능하여 편..
-
normalize — 유니코드 정규화Today I Learned 2025. 4. 18. 23:25
문제점json 데이터의 "힙합보이" 문자열과 외부 API에서 받는 "힙합보이" 문자열이 서로 다르다고 나온다. const filtered = data.filter((entry) => entry.item_name === filteredName); 해결 - normalize 유니코드 정규화한글같이 복잡한 문자는 내부적으로 여러개의 코드 포인트로 저장될 수 있다고 한다.예를 들어 “힙합” 은NFC(결합형) 모드에서는 단일 코드 포인트 "힙" "합"NFD(분해형) 모드에서는 초성·중성·종성 조각 세 개의 코드 포인트 "ㅎ" "ㅣ" "ㅂ" "ㅎ" "ㅏ" "ㅂ"으로 표현된다.name.normalize("NFC")으로 모두 완전히 동일한 문자열로 바꿔주었다. const filtered = data.filter((..
-
코어 자바스크립트 - 데이터 타입코어 자바스크립트 2025. 2. 1. 23:38
- 식별자와 변수보통 변수와 식별를 혼용하는 경우가 많다. 변수는 컴퓨터 용어로 쓸 때는 '변할 수 있는 무언가' 라는 명사로 확장시켰다. 여기서 무언가는 데이터를 말한다.식별자는 어떤 데이터를 식별하는데 사용하는 이름, 즉 변수명이다. - 데이터 할당변수 선언과 데이터 할당에 대한 메모리 영역 변화var a;a = 'abc';var a = 'abc';변수 영역주소1002100310041005데이터 이름: a값: @5004 데이터 영역주소5002500350045005데이터 'abc' 1. 변수 영역에서 빈 공간(@1003) 확보2. 확보한 공간의 식별자를 a로 지정3. 데이터 영역의 빈 공간(@5004)에 문자열 'abc' 저장4. 변수 영역에서 a라는 식별자를 검색(@1003)5. 앞서 저장한..
-
[TIL] 0729 표현식과 문Today I Learned 2024. 7. 29. 17:48
오늘의 학습05장 표현식과 문리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다.// 숫자 리터럴 33 표현식은 값으로 평가될 수 있는 문이다. 리터럴은 값으로 평가된다. 따라서 리터럴도 표현식이다. 문은 프로그램을 구성하는 기본 단위이자 최소 실행 단위이다. 문을 명령문이라고도 부른다. 문이 실행되면 명령이 실행되고 무슨 일이 일어나게 된다. 문은 선언문, 할당문, 조건문, 반복문 등으로 구분할 수 있다. - 표현식인 문과 표현식이 아닌 문 표현식은 문의 일부일 수도 있고 그 자체로 문이 될 수도 있다. 표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단하고 명료한 방법은 변수에 할당해 보는 것이다. // 변수 선언문은 표현식이 아닌 문var x;// 표..
-
[TIL] 0620 프로젝트 리팩토링 마무리Today I Learned 2024. 6. 20. 09:18
오늘의 학습무한스크롤 구현한 곳에서 불필요한 코드 제거했음infinityquery hook에서 isLoading, isPending 둘 다 쓰고 있어서 좀 더 범용성이 있는 isPending 만 쓸 수 있게 변경 오늘의 할 일☀️ 오전❌ 전날 면접 질문 5개 암기✔️ 이력서 수정 or 회사 지원 🌈 오후✔️ 프로젝트 리팩토링❌ 자바스크립트 공부 🌙 저녁❌ 면접 질문 5개 답변 준비✔️ TIL 작성 오늘의 회고오늘 프로젝트 마지막 회의 진행.코드 작업은 더 해도 상관은 없지만 코드 리뷰는 없을 예정자잘한 작업정도만 해야할 듯
-
[TIL] 0618 변수Today I Learned 2024. 6. 18. 08:37
오늘의 학습모던 자바스크립트 Deep Dive를 처음부터 다시 읽기 시작했다. 04장 변수10 + 20 사람은 계산과 기억을 모두 두뇌에서 하지만, 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다.예제의 숫자 값 10과 20은 메모리 상의 임의의 위치(메모리 주소)에 저장되고 CPU는 값을 읽어 연산을 수행한다. 연산 결과가 메모리에 저장되었지만 값 30을 재사용할 수 없다. 메모리 주소를 통해 직접 접근하면 치명적인 오류를 발생시킬 가능성이 높다. 실수로 운영체제가 사용하고 있는 값을 변경하면 시스템을 멈추게 하는 치명적인 오류가 발생할 수도 있다. 따라서 자바스크립트는 개발자의 직접적인 메모리 제어를 허용하지 않는다. 프로그래밍 언어는 값을 재사용하기 위해 변수라는 메커니즘을 제..
-
카테고리 버튼 상태관리 / props 분리코드잇 2024. 6. 13. 21:48
서문이전의 포스팅 중 하나인 [BLOB] 프로젝트 회고의 프로젝트에서 카테고리 버튼 상태관리를 구현하면서 발생한 문제와 이를 해결한 방식을 담고 있습니다. 카테고리 버튼 상태관리 (문제)1. 메인 카테고리의 화살표 상태는 최근에 클릭한 메인 카테고리 하나만 true로 바뀌어야 한다.서브 카테고리는 메인 카테고리의 종류에 따라서 색상과 상태가 바뀐다. 예를 들어 '추천' 카테고리에서 서브 카테고리인 '음식점'을 클릭한 후, '비추천' 카테고리를 클릭하면 화면 상에서는 서브 카테고리가 아무것도 클릭되지 않은 상태가 되어야 한다. 2. 카테고리 버튼은 글쓰기 모달과 필터링 모달에서 사용된다. 글쓰기 모달은 카테고리 버튼이 단일 선택만 가능하지만, 필터링 모달에서는 중복 선택이 가능하다. (해결책 도출)1...
-
[TIL] 0612Today I Learned 2024. 6. 12. 19:08
오늘의 학습 오늘의 할 일☀️ 오전✔️ 전날 면접 질문 5개 암기✔️ 이력서 수정 or 회사 지원 🌈 오후❌ 프로젝트 리팩토링❌ 자바스크립트 공부 🌙 저녁✔️ 면접 질문 5개 답변 준비✔️ TIL 작성 오늘의 회고css, git, js 관련 면접 질문 5개 암기 회사 지원 2곳 모의 인성 면접을 진행했다. 30분 동안 진행 후 피드백 하는 방식으로 진행했는데,나의 단점을 이야기 하고나서 단점을 극복하기 위해 어떻게 하고 있는지에 대한 답변히 부족하다고 하였다.