전체 글
-
TIL-2024.06.20 - CodingTest - 귤> 기초/코테 연습 2024. 6. 20. 00:19
URL:https://school.programmers.co.kr/learn/courses/30/lessons/12953 코드:// URL > https://school.programmers.co.kr/learn/courses/30/lessons/138476const solution = (k, tangerine) => { let count = 0; let tanMap = new Map(); tangerine.forEach(item => { if (tanMap.get(item)) { tanMap.set(item, tanMap.get(item) + 1); } else { tanMap.set(item, 1); } ..
-
TIL-2024.06.19 - Error - Jump target cannot cross function boundary> Extra/Error Code 2024. 6. 19. 18:29
배경- 전달받은 res 문의 for-iteration 돌리고, 상태값이 400 인 경우, continue... 생략 ...res.forEach((item: any) => { if(item?.status !== "400") continue;... 생략 ... 발생 에러:- Jump target cannot cross function boundary 라는 에러 발생 발생 원인: - continue 문은 반복문에서만 사용 가능하며, forEach는 반복문이 아니라 콜백 함수 내에서 실행되기 때문에 continue를 사용불가- 즉, continue 가 문제가 아니라, forEach 는 반복문이 아닌 콜백 함수이기 때문에 continue 사용 불가 더보기콜백 함수란 ? 콜백 함수: forEach는 배..
-
TIL-2024.06.18 - CodingTest - 최소공배수 (feat.programmers)> 기초/코테 연습 2024. 6. 18. 09:28
URL: https://school.programmers.co.kr/learn/courses/30/lessons/12953 코드:// URL > https://school.programmers.co.kr/learn/courses/30/lessons/12953const solution = (arr) => { // GCD (Greatest Common Divisor): 최대공약수 // while (b !== 0): b가 0이 될 때까지 반복합니다. 유클리드 알고리즘에 따라, b가 0이 되면 a가 최대공약수입니다. // const temp = b: b의 값을 임시 변수 temp에 저장합니다. // b = a % b: a를 b로 나눈 나머지를 b에 저장합니다. // a = temp..
-
TIL-2024.05.11 - Alias 설정> Frontend/React 2024. 5. 11. 17:28
질문1. import 경로를 간단하게 만드는 방법을 알려줘 ! (alias 설정으로) alias- src 디렉토리에 alias를 설정- 이 방법은 import 경로를 간단하게 만들어 주고, 코드의 가독성을 높여줌 1. tsconfig.json 파일 수정- 프로젝트의 루트 디렉토리에 있는 tsconfig.json 파일을 열고, compilerOptions 섹션에 paths 설정을 추가- baseUrl은 프로젝트의 기본 경로를 설정하는 옵션 { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] }, ... 생략 ... }} 2. craco 설치 - react - webpack 사용시, webpack..
-
TIL-2024.05.10 - project_kettodaze - 000. INTRO> Project/kettodaze 2024. 5. 10. 07:09
프로젝트 배경- 애니와 게임을 좋아하는 주니어 개발자인 저는 갓쳐를 좋아함- 특정 갓챠를 판매하는 매장을 찾는 것은 어려움- 온라인에서 정보를 찾기도 어렵고, 매장을 직접 방문하기 전에는 어떤 종류의 갓챠가 있는지 알기 힘듬- 이러한 불편함을 해소하고자, 갓챠 매장 탐색 앱인 kettodaze 를 개발해보려함 kettodaze 란 ?- 사용자가 주변의 갓챠 매장을 쉽게 찾고, 각 매장에서 판매하는 갓챠 종류를 온라인으로 미리 확인할 수 있도록 도와주는 웹 애플리케이션으로 아래의 특징을 지님 1. 주변 매장 탐색지도 기반 검색: 사용자는 자신의 위치를 기반으로 가까운 갓챠 매장을 검색매장 정보: 각 매장의 운영 시간, 연락처, 리뷰 등을 제공하여 사용자가 방문 전 필요한 정보 공유.2. 갓챠 정보 확..
-
TIL-2024.05.09 - Spring - 000. Spring> Backend/Spring 2024. 5. 10. 07:02
질문1. Spring 기초에 대해 알려줘2. Spring 핵심 개념 Spring1. Spring 프레임 워크란? - Spring은 엔터프라이즈 애플리케이션 개발을 위한 종합적인 프레임워크- Spring의 주요 목표는 개발자가 보다 쉽게 자바 애플리케이션을 개발하고, 유지보수하며, 배포할 수 있도록 돕는 것2. 핵심 개념- IOC (Inversion of Control - 제어의 역전)객체의 생성과 관리를 개발자가 아닌 프레임워크가 담당하는 것을 의미합니다. 이는 애플리케이션의 유연성과 확장성을 높이는 데 도움을 줘, Spring에서 IoC는 주로 Dependency Injection (DI)를 통해 구현의존성 주입(Dependency Injection)**은 객체가 자신이 의존하는 객체를 직접 생성하는 ..
-
TIL-2024.05.08 - React - 014. Styled Component - advanced- 1> Frontend/React 2024. 5. 9. 07:32
Theming- styled-components는 래퍼 컴포넌트를 내보내어 Theme 지원을 제공. - 이 컴포넌트는 context API를 통해 자신 아래의 모든 리액트 컴포넌트에 테마를 제공. - 렌더 트리에서 모든 styled-components는 제공된 테마에 액세스할 수 있으며, 이는 여러 수준으로 깊게 중첩되어 있어도 가능 기본 예제import styled, {ThemeProvider} from 'styled-components';const BasicTheming = () => { const Button = styled.button` font-size: 1em; margin: 1em; padding: 0.25em 1em; border-..
-
TIL-2024.05.07 - React - 013. Styled Component - basic- 2> Frontend/React 2024. 5. 8. 07:07
1. Coming From CSS1.1. Pseudoelements, pseudoselectors, and nesting- 사용하는 전처리기인 stylis는 자동으로 스타일을 중첩하는 SCSS와 유사한 구문을 지원합니다. - 이 전처리를 통해 styled-components는 일부 고급 선택자 패턴을 지원합니다:- & 단일 앰퍼샌드는 컴포넌트의 모든 인스턴스를 가리킵니다. 이것은 넓은 범위의 재정의에 사용됩니다. 1.1.1 단일 엠퍼센드 (&)- & 단일 앰퍼샌드는 컴포넌트의 모든 인스턴스를 가리킵니다. 이것은 넓은 범위의 재정의에 사용됩니다. 예제 import styled from "styled-components";// single ampersand (&) refers to all instance..