전체 글

[자바스크립트 / Vanilla JS] padStart()와 padEnd()에 대해서

❗ padStart()란 ? 특정 길이에 도달할 때까지 문자열 시작 부분에 패딩을 추가하는 데 사용할 수 있는 내장 JavaScript 메서드이다. padStart()에는 두 개의 인수가 있다. 첫 번째는 결과 문자열의 원하는 길이이고 두 번째는 padding 값에 사용할 문자이다(기본값은 공백). 원래 문자열의 길이가 지정된 길이보다 크거나 같으면 padding이 추가되지 않는다. const str = 'hello'; const paddedStr = str.padStart(10, ' '); console.log(paddedStr); // " hello" 이 예에서 padStart()는 문자열 'hello'의 시작 부분에 5개의 공백을 추가하는 데 사용되어 길이가 10자인 새 문자열이 생성된다 원래 문자..

[JAVASCRIPT] 백준 1213번 문제 풀이

❗ 풀이 const input = require('fs').readFileSync('dev/stdin').toString().trim().split(''); let countObject = {}; let fillArray = new Array(input.length).fill(''); input.forEach((element) => { countObject[element] == null ? (countObject[element] = 1) : countObject[element]++; }); let isPossible = true; let centerStr = ''; Object.keys(countObject).forEach((key) => { if (countObject[key] % 2 !== 0) { ..

[React.js] @emotion/styled + Tailwind (feat. Twin Macro)에 대해 알아보자

❗ 서론 난 이 전 프로젝트에서 styled-components 라이브러리를 사용했었다. 하지만 더 새롭고 사람들이 많이 쓰고 좋은 !! 라이브러리를 쓰고싶다는 생각이 들었다. 그러다 찾은것이 바로 제목이 나와있는 @emotion/styled와 TailWind와 Twin Macro의 삼합. 지금부터는 질답형으로 내 생각을 풀어가겠다. 1. 왜 쓰고있던 styled-components가 아닌 @emotion/styled + Tailwind를 채택해서 사용하는가 ? 성능, 용량, 많은 이슈들과 코드 스타일의 차이도 하나하나 짚으면 좋겠지만 난 매 번 생각하는게 "경쟁력 있는 개발자"이다 그렇기에 난 라이브러리 인기에 대한 차트를 참고하여 선택했다 1위는 storybook, 2위는 emotion, 3위는 Ta..

[JAVASCRIPT] 백준 17413번 문제 풀이

❗ 풀이 const input = require('fs').readFileSync('dev/stdin').toString().trim(); let isTag = false; let result = ''; let currentWord = ''; for (let i = 0; i < input.length; i++) { const char = input[i]; if (char === ''; } else if (isTag) { result += char; } else { if (char === ' ') { result += currentWord.split('').reverse().join('') + ' '; currentWord = ''; } else { currentWord += char; } } } resu..

[React.js] storybook 에러 - Error: No configuration files have been found in your configDir

❗ 문제 발생 나는 storybook 라이브러리를 사용하기 위해 $ npx sb init 명령을 통해 storybook 라이브러리 설치 및 환경셋팅을 하였다 그런데 이런 메시지가 뜨던데 "구성 디렉터리를 찾을 수 없으므로 자동 마이그레이션을 건너뜁니다" 라는 메시지 였다. 그래서 뭐 별 말 아닌줄 알고 대수롭지 않게 넘어갔었다. 그리고 npm run storybook을 통해 storybook을 실행하려했는데 이런 에러가 뜨더라 대충 뭐 직역하자면 "main.js나 뭐 필요한 파일들이 있는데 내가 그걸 못찾겠어" 라는 에러이다 그래서 자동 다운로드 및 환경셋팅을 했음에도 내가 직접 수정해야하는 부분이 있는지알고 무려 4시간을 찾아헤맸다 ❗ 해결 방법 아무리 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 찾고 ..

[GITHUB] 혼자서 pull-request 끄적끄적 해보기

❗ 서론 제목이 멋지다. "서론" 하지만 별건 없다. 혼자서 pull-request를 진행해본 이유에 대한 서론이라고 이해하면 될 글이다. 난 현재 회사에서 VanillaJS만 하다가 여러모로 욕심이 생겨 React와 TypeScript를 학습하는 중이다. 학습을 하며 진행한 첫 번째 사이드 프로젝트(https://github.com/Growing-Jiwoo/ModelRestaurant)를 완성하면서 든 생각이 있다. "채용 공고에서 항상 보이던 pull-request는 도대체 뭘까 ?" 내 개발의 원동력은 항상 타 회사 채용공고에서 얻고는 한다. 왜냐하면 난 지금 솔직히 기술적으로 앞장서있는 회사의 개발자로 일하고 있지는 않다. 지금 회사는 프론트는 아무런 라이브러리 없이 Vanilla JS를 사용하고..

[JAVASCRIPT] 백준 11655번 문제 풀이

❗ 풀이 const input = require('fs').readFileSync('dev/stdin').toString().split(''); const compareArray = []; for (let i = 0; i = 65 && currentCharCode = 97 && currentCharCode

[JAVASCRIPT] 백준 10820번 문제 풀이

❗ 풀이 const input = require('fs').readFileSync('dev/stdin').toString().split("\n"); const inputLength = input.length; for (let i = 0; i = 'a' && char = 'A' && char = '0' && char