profile
아는 만큼 보인다

Component와 Layout을 잘 구분하지 않았다.

Component는 어떠한 기능을 하는 독립적인 요소라고 할 수 있고비즈니스 로직을 담고 있는 경우가 대부분이다.(Button, Input, TextField, Modal, Card ... 등 )Layout은 Component들을 정리하고 배치하는 개념이다.Compon

2022년 7월 29일
·
0개의 댓글
·

회사의 성장이 나의 성장인줄 알았다.

웹 개발 5년차를 꽉채우고 있는 시기이다.처음에는 게임을 좋아하기에 게임 회사에 문을 두드렸지만코딩테스트는 통과해도 기본적인 CS와 경험들이 부족하여 떨어졌다.전문연구요원으로 취업을 해야했고, 빠르게 군대 문제를 해결하고 싶었다.그러다 연락이 온 스타트업에 취업하게 되

2022년 7월 23일
·
0개의 댓글
·
post-thumbnail

예제로 알아보는 Compound Component

디자이너의 시안을 받아, 버튼 컴포넌트를 만들었다.버튼그리고 버튼 그룹 컴포넌트도 만들었다.버튼 그룹들의 이름이 포함되어 있는 형태이다.컴포넌트를 만들었으니 코드 곳곳에 구현을 했다.어느날 디자이너분이 나를 부른다.🤷‍ 디자이너 개발자님, 일부 버튼 그룹은 타이틀이

2022년 7월 23일
·
0개의 댓글
·
post-thumbnail

실패경험 시리즈 Intro

개발자로 경험한 실패경험 시리즈를 작성해보려고 한다.아무것도 없는 스타트업에서 사수 없이 정말 많은 실패를 했고,아직도 실패하고 있는 것들이 있다. 단지 모를뿐..내 실패는 어떠했고 어떻게 해결했는지 하나씩 정리해 볼 예정이다.실패는 "아쉬웠던 경험"에 가깝게 해석어렸

2022년 7월 21일
·
0개의 댓글
·
post-thumbnail

깨달음은 boolean이다

이제 알게 된지 1년 쯤 되어가는 같은 팀 동료가 있다.정말 존경하고 배울 것이 많은 동료이고훌륭한 동료가 주는 기쁨을 알게 해준 고마운 동료이다.이 동료와 매일 같이 어떻게 하면 더 좋은 개발자가 될 지,어떻게 하면 더 좋은 개발을 할 지,인생을 어떻게 사는 것이 맞

2022년 7월 21일
·
0개의 댓글
·

체육복 - javascript

https://school.programmers.co.kr/learn/courses/30/lessons/42862(핵심) 체육복을 잃어버렸지만, 여벌이 있는 학생은 자기것을 입는다. \- 옆에 친구가 여벌이 있어도 빌려 입을 수 없다.잃어버린 사람 마킹여벌

2022년 7월 16일
·
0개의 댓글
·

실패율 - javascript

https://school.programmers.co.kr/learn/courses/30/lessons/42889전체 유저의 stages 상태를, stage별 유저 수를 구한다. (stage별 실패율을 구하기 위해)각 stage별 failed ratio를 구한

2022년 7월 16일
·
0개의 댓글
·

완주하지 못한 선수 - javascript

https://school.programmers.co.kr/learn/courses/30/lessons/42576참가자 'a' ,'b', 'a', 'c' 와완주자 'a' ,'b', 'c' 가 있을 때완주하지 못한 사람을 찾아 Return하라항상 완주하지 못한

2022년 7월 15일
·
0개의 댓글
·
post-thumbnail

[ES2022] javascript 주요 변경점

"아 async 안붙였네"를 안해도 된다.굉장히 답답하던 부분이였는데, cause의 추가로 Error를 좀 더 체계적으로 핸들링할 수 있게 됨다른 언어에서는 많이 지원되는 내용인데, js에서 안쓰다보니 너무 익숙해져있음at말고 \[]로도 되었으면 좋았을 것 같음.at으

2022년 7월 10일
·
0개의 댓글
·

React testing을 알아보자 (2)

TDD란 요약하자면 Test Code먼저 작성하는 개발방법이라 할 수 있다.Testing을 하지 않고 개발을 하면 아래와 같이 코드를 작성한다.어떻게 컴포넌트를 구현하지?구현 해볼까?문제가 있네?고쳐보자. ( 3 -> 4 반복 )완료.Test Code를 먼저 작성하면

2022년 7월 9일
·
0개의 댓글
·

없는 숫자 더하기 - javascript

https://school.programmers.co.kr/learn/courses/30/lessons/86051Array의 값은 0~9사이의 값이 존재.이 중, 존재하지 않는 값이 있다면 그 값들을 더하라1, 2, 3, 4, 5 라면6 + 7 + 8 + 9

2022년 7월 8일
·
0개의 댓글
·

1차 비밀지도 - javascript

https://programmers.co.kr/learn/courses/30/lessons/17681Arr1, Arr2를 같은 index끼리 더한다.더 한 값을 2진수로 변환한다.출력을 위해 padStart로 0을 채워준다.relace + regex 활용하여

2022년 7월 8일
·
0개의 댓글
·

Distinct - javascript

Array 2, 1, 1, 2, 3, 1 이 주어지면distinct한 값은 1, 2, 3 이고 개수는 3이다.이것을 리턴하는것.distinct는 set으로 쉽게 풀 수 있어서 set으로 품Write a functionfunction solution(A);that, gi

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

스타트업 Notion으로 협업하고 기록하자 (1)

만드는 것은 간단하지만, 아래 링크에서 확인 및 복제할 수 있습니다. https://honorable-curio-697.notion.site/Notion-Teamplte-338c71117cbb4c109c4feb68623c62cc > 라인, 트렐로, 파워포인트를 활용한

2022년 7월 7일
·
0개의 댓글
·

[담론] 사람의 생각은 자신이 살아온 삶의 결론이다

담론 - 14p "사람의 생각은 자신이 살아온 삶의 결론이다"자신이 살아온 삶의 결론이기에, 대단히 완고하다.타인이 설득하거나 주입하기가 어렵다.늦은 공부의 시작나는 고등학교 고학년에 공부를 시작했다.지금 가장 친한 친구가 된 짝꿍이 있었다.영어, 수학, 과학 과목을

2022년 7월 7일
·
0개의 댓글
·

webpack 두렵지 않아요 - webpack-dev-server

webpack 설정에 대해서는 정리를 완료했다.모든 설정을 다루진 않았지만, 핵심적인 내용은 다 다루었다.마지막으로 webpack-dev-server를 정리하고 마무리하겠다.webpack 명령어를 통해 build를 하고 bundling된 파일들을 확인할 수 있었다.그런

2022년 7월 6일
·
0개의 댓글
·

webpack 두렵지 않아요 - webpack.config.js 상세

mode, entry, output에 대해서 알아보았는데 3개의 option만 있는것은 아니다.entry, output, module, plugins, resolve와 같은 옵션들을 좀 더 자세하게 알아보자.앞의 글에서 설명한 것 처럼, entry는 bundle을 하기

2022년 7월 6일
·
0개의 댓글
·

webpack 두렵지 않아요 - webpack.config.js 기본

webpack을 실행하여, 서로 다른 javascript를 main.js로 번들링해봤다.별도의 설정을 하지 않아도 default option이 있기 때문에 동작했다.webpack.config.js를 통해 webpack 명령어 동작을 알아보고webpack.config.j

2022년 7월 6일
·
0개의 댓글
·
post-thumbnail

webpack 두렵지 않아요 - 일단 따라해보자

webpack이 왜 필요했고, 어떤 것을 해주는지 알았으니 직접 해보자.webpack-tutorial이라는 폴더를 만들고 npm init으로 pcakge.json을 만들자.그런다음, webpack, webpack-cli, lodash를 설치하고index.html과 in

2022년 7월 6일
·
0개의 댓글
·
post-thumbnail

webpack 두렵지 않아요 - webpack이 뭐야?

webpack과 관련된 용어들을 알아보고webpack과 필요성에 대해서 알아보자.webpack에서 module은 일반적으로 아래와 같은 파일들을 의미하며, Resource라고도 한다.'webpack 두렵지 않아요' 시리즈에서는 모듈과 리소스는 동의어로 취급하여 사용한다

2022년 7월 6일
·
0개의 댓글
·