본문 바로가기

분류 전체보기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.

티스토리툴바