본문 바로가기

전체 글276

[프로그래머스] 2차원 배열 - 정수를 나선형으로 배치하기 https://school.programmers.co.kr/learn/courses/30/lessons/181832 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr문제 설명양의 정수 n이 매개변수로 주어집니다. n × n 배열에 1부터 n2 까지 정수를 인덱스 [0][0]부터 시계방향 나선형으로 배치한 이차원 배열을 return 하는 solution 함수를 작성해 주세요.제한사항1 ≤ n ≤ 30입출력 예nresult4[[1, 2, 3, 4], [12, 13, 14, 5], [11, 16, 15, 6], [10, 9, 8, 7]]5[[1, 2, 3, 4, 5], [16, 17, 18, 19, 6], [1.. 2025. 3. 12.
[프로그래머스] 2차원 배열 https://school.programmers.co.kr/learn/courses/30/lessons/181830 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr정사각형으로 만들기문제 설명이차원 정수 배열 arr이 매개변수로 주어집니다. arr의 행의 수가 더 많다면 열의 수가 행의 수와 같아지도록 각 행의 끝에 0을 추가하고, 열의 수가 더 많다면 행의 수가 열의 수와 같아지도록 각 열의 끝에 0을 추가한 이차원 배열을 return 하는 solution 함수를 작성해 주세요.제한사항1 ≤ arr의 길이 ≤ 1001 ≤ arr의 원소의 길이 ≤ 100arr의 모든 원소의 길이는 같습니다.1 ≤ arr의.. 2025. 3. 12.
[date] Storybook + vanilla extract 스타일 적용하기 컴포넌트에 vanilla extract 스타일을 적용하니까 스토리북에서 이렇게 에러가 발생했다.vanilla extract를 알아먹을 수 있도록 애드온을 설치해주자..  https://storybook.js.org/recipes/@vanilla-extract/css Storybook: Frontend workshop for UI developmentStorybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It's open source and free.storybook.js.org일단.. 2025. 3. 11.
[date] monorepo storybook img 경로 지정하기 드디어 레포지토리 세팅을 하고 컴포넌트 개발을 시작해보려고 한다.첫번째는 image file을 선택하는 input 컴포넌트 package/ui/src 경로에서 UI 컴포넌트들을 개발할 것이다.main.ts에 stories 경로를 아래와 같이 지정해두면 스토리 파일의 경로가 src/xxx.stories.tsx 또는 src/ImageInput/xxx.stories.tsx 이던 간에 스토리북이 감지한다.// apps/storybook/.storybook/main.tsconst config: StorybookConfig = { stories: ["../../../packages/ui/src/**/*.stories.@(js|jsx|ts|tsx)"], ...};input.stories.tsx 파일을 아래와 같이 .. 2025. 3. 11.
모의 기술 면접 - 다시 답변 해보기 지난 달에 모의 기술면접을 보고, 나의 답변이 많이 부족했음에 부끄러웠다. 평소에 깊게 공부하지 않았다는 것을 알게 되었고, 이를 보완하고자 코어 자바스크립트 책을 공부하면서 포스팅을 남기기도 했다.  책을 완독한 이 시점에, 조금이라도 더 나은 답변을 할 수 있을까 싶어서 다시 한번 면접 질문에 답해보며 점검해보려고 한다.* 취소선, 이탤릭체 : 검색해서 작성한 내용JavaScriptvar, let, const 를 중복 선언 허용, 스코프, 호이스팅 관점에서 서로 비교해주세요.var : 중복 선언이 가능하다. 중복 선언 시 덮어씌워진다. 함수 스코프를 갖는다. 함수 밖에서 쓰이면 전역 스코프를 갖는다. 블록{ }을 무시한다.변수 선언이 호이스팅되어 변수 선언 전에 접근이 가능하다. (초기화 되어서 un.. 2025. 3. 11.
[코어 자바스크립트] 클래스 자바스크립트는 프로토타입 기반 언어이기에 '상속' 개념이 존재하지 않는다그러나 클래스의 동작 방식을 흉내내는 여러 기법이 탄생했고, ES6에서는  (프로토타입을 기반으로 구현한) 클래스가 등장했다.클래스는 일종의 공통 집합의 개념으로 이해하면 된다. 다만 현실세계에서는 이미 실존하는 것들의 공통 성질로 집합을 만든다면, 프로그래밍 언어에서는 클래스를 먼저 정의하고 그로부터 파생되는 개체(인스턴스)를 생성할 수 있다.  생성자 함수 Array 를  new와 함께 호출하여 생성한 인스턴스는 체이닝에 의해 생성자 함수의 prototype 프로퍼티를 참조한다.생성자 함수를 일종의 클래스라고 하면, Array 의 prototype 객체 내부의 요소들이 인스턴스에 상속된다고 볼 수도 있다. (엄밀히는 아니지만 결과.. 2025. 3. 10.
[코어 자바스크립트] 프로토타입 프로토타입마지막 챕터인줄 알았는데 아니었다 ㅎ ㅎ자바스크립트는 프로토타입 기반 언어라고 하는데, 그동안 개발 공부하면서 이에 대해 들을 기회가 딱히 없었다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain 상속과 프로토타입 - JavaScript | MDNJavaScript는 동적 타입이고 정적 타입이 없기 때문에, (Java 또는 C++와 같은) 클래스 기반 언어에 경험이 있는 개발자에게는 약간 혼란스럽습니다.developer.mozilla.orgMDN에서 클래스 기반 언어 경험이 있는 개발자는 혼란스러울수도 있다고 하는데 나는 처음이니 혼란스러울게 없어서 럭키 비키 잖아? 🍀어떤.. 2025. 3. 10.
[프로그래머스] 그림 확대 https://school.programmers.co.kr/learn/courses/30/lessons/181836 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr문제 설명직사각형 형태의 그림 파일이 있고, 이 그림 파일은 1 × 1 크기의 정사각형 크기의 픽셀로 이루어져 있습니다. 이 그림 파일을 나타낸 문자열 배열 picture과 정수 k가 매개변수로 주어질 때, 이 그림 파일을 가로 세로로 k배 늘린 그림 파일을 나타내도록 문자열 배열을 return 하는 solution 함수를 작성해 주세요.제한사항1 ≤ picture의 길이 ≤ 201 ≤ picture의 원소의 길이 ≤ 20모든 picture의 .. 2025. 3. 10.
[프로그래머스] 특별한 이차원 배열 1 https://school.programmers.co.kr/learn/courses/30/lessons/181833 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr  문제 설명정수 n이 매개변수로 주어질 때, 다음과 같은 n × n 크기의 이차원 배열 arr를 return 하는 solution 함수를 작성해 주세요.arr[i][j] (0 ≤ i, j 제한사항1 ≤ n ≤ 100입출력 예nresult3[[1, 0, 0], [0, 1, 0], [0, 0, 1]]6[[1, 0, 0, 0, 0, 0], [0, 1, 0, 0, 0, 0], [0, 0, 1, 0, 0, 0], [0, 0, 0, 1, 0, 0], [.. 2025. 3. 10.

티스토리툴바