전체 글

프론트엔드 개발 공부 블로그 !
❗ 문제 출처: 프로그래머스 코딩 테스트 연습, https://school.programmers.co.kr/learn/courses/30/lessons/12947 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr양의 정수 x가 하샤드 수이려면 x의 자릿수의 합으로 x가 나누어져야 합니다.예를 들어 18의 자릿수 합은 1+8=9이고,18은 9로 나누어 떨어지므로 18은 하샤드 수입니다.자연수 x를 입력받아 x가 하샤드 수인지 아닌지 검사하는 함수, solution을 완성해주세요.  ❓ 나의 풀이function solution(x) { let sum = Str..
· GIT
프로젝트를 진행하면서 Issue 와 PR 을 작성하는 과정이 반복되다 보니, 매번 같은 정보들을 입력하는 것이 번거롭다고 느꼈고 작업을 좀 더 효율적으로 하고 싶어서 정형화된 템플릿을 만들어 보았음! ❓ Issue template 만드는 방법1. 이슈 템플릿을 만들고자 하는 레포지토리의 Issue 탭으로 이동 2. Settings 클릭3. 페이지를 내리다 보면 Features 섹션이 보이는데, 그 안에서 Set up templates 클릭   4. Add template 버튼을 클릭한 후, Custom template 선택   5. Preview and edit 클릭하여 템플릿의 각 항목을 자유롭게 수정   6. 수정이 완료되면, Propose changes 클릭 -> 커밋하여 변경 사항을 저장   7...
· etc
React 프로젝트에 Storybook을 도입하면서 TailwindCSS 가 제대로 적용되지 않는 문제를 겪었고, 이를 해결하기 위해 공식 문서를 참고했다.  ❓ 세팅 방법tailwind.css 파일을 .storybook/preview.js 에 import 하면, 모든 스토리에서 TailwindCSS 스타일을 적용할 수 있다.// .storybook/preview.jsimport '@assets/styles/css/tailwind.css' // tailwind.css 파일 import!const preview = { parameters: { controls: { matchers: { color: /(background|color)$/i, date: /Date$/i..
❗ 문제출처: 프로그래머스 코딩 테스트 연습,https://school.programmers.co.kr/learn/courses/30/lessons/12932 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요.예를 들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다.  ❓ 나의 풀이function solution(n) { return String(n) .split("") .reverse() .map((numStr) => Number(numStr));}문자열로 변환하..
❗ 문제출처: 프로그래머스 코딩 테스트 연습,https://school.programmers.co.kr/learn/courses/30/lessons/12928 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr정수 n을 입력받아 n의 약수를 모두 더한 값을 리턴하는 함수, solution을 완성해 주세요.  ❓ 나의 풀이function solution(n) { let answer = 0; for(let i = 1; i 반복문과 삼항연산자를 이용해서 문제를 풀었다.  12의 약수는 1, 2, 3, 4, 6, 12 이다.이 숫자들은 모두 12를 나누..
· GIT
참고https://daringfireball.net/projects/markdown/syntax#span Daring Fireball: Markdown Syntax DocumentationMarkdown: Syntax Note: This document is itself written using Markdown; you can see the source for it by adding ‘.text’ to the URL. Overview Philosophy Markdown is intended to be as easy-to-read and easy-to-write as is feasible. Readability, however, isdaringfireball.net 📌 방법[링크 제목](이동할링크 URL..
방혜진
혜스토리