@HODLBAEK

React, Vite, Typescript and Styled-Components

Sep 2, 2022 · 1 min read · 1. Opening I had a hard time configuring how to using React/Typescript and styled-components on Vite. Most tutorials were written out in CRA as it is still the popular choice over Vite. However, I like Vite due to its blazing-fast speed. Vite (When ...

React - Styled Components(beginner)

Sep 1, 2022 · 1 min read · const Father = styled.div` display: flex;` const Box = styled.div` background-color: ${(props) => props.bgColor}; //receiving props from JSX width: 100px; height: 100px; display: flex; justify-content: center; align-items: center;` ...

프로그래머스 - 이상한 문자 만들기

Aug 10, 2022 · 1 min read · 문제 간단하게 말하자면, 공백포함 홀수는 대문자, 짝수는 소문자로 만들어야하는 문제.. 처음에 if를 써야되나 이리저리해봤는데 안되더라 ㅠ 아래와 같이 map안에 map을 쓰면서 해야되던데.. 보고나면 이해는 된다. 그정도가 어디야 답 function solution(s) { // "try hello world" return s.split(' ') // ["try", "hello", "world"] .map(wo...

프로그래머스 - 폰켓몬(해쉬)

Aug 8, 2022 · 1 min read · 프로그래머스 프론트엔드 데브코스 3차 등록이 곧 다가와서 이제부터는 코딩테스트만 준비해보기로했다. 문제 지문이 워낙 길어서 좀 이해하기가 어려웠다.. 하지만 요지는 입출력 예시 테이블로 다소 빠르게 파악 할 수 있었다. 우선, 주어진 이등분한 뒤 그 숫자(a)랑 배열에서 중복된 숫자들을 제거한 뒤 길이(b)랑 비교를 하면 되는 것이다. 따라서, a<b라면 a를 리턴, 아닌 경우라면 b를 리턴하면된다. 같은 경우라면 a나 b나 아무거나 ...

React Children

Aug 5, 2022 · 2 min read · When to use Children The best case to use Children in React is when you have multiple paragraphs where you want to apply the same style. For example, let's take a look at the codes below. When you have several different Components function App(){ ...