profile
내가 짱이다 😎 매일 조금씩 성장하기🌱
post-thumbnail

[스터디-우아한반상회] useRef

이번주는 React에 내장 된 Hook API 중, useRef에 대해서 공부해봤다. useRef를 다루기 전에, Hook에 대해서 한번 정리하고, useRef에 대해서 살펴보자. Hook은 React 16.8 버전부터 React에 새로 추가 된 요소이다. Hook을

약 5시간 전
·
0개의 댓글
post-thumbnail

[주간 회고] 5/9 ~ 5/15

'좀 씻으세요 위니' 는 완전 모함이니 오해 금지 ^^ 🙆🏻‍♀️ 잘된 점 잘 유지하고 있는 습관 TIL 유지 뽀모도로 유지 출근길 아티클 읽기 유지 위 세개를 아주 잘 유지하고 있다~ 계속 해서 가져 갈 좋은 습관들 💪 컨디션이 좋지 않았지만, 텐션은

약 16시간 전
·
2개의 댓글
post-thumbnail

[주간 회고] 5/2 ~ 5/8

저번주에 시짚이 react 공식문서나 개발 아티클을 읽으면서 출퇴근을 한다고 해서, 너무 간지나보였다. 간지라면 참을 수 없지... 나도 이번주에는 react 공식문서를 읽으면서 출근했다. 결론은 완전 만족이다! 1시간동안 항상 의미없이 유튜브, 인스타 보는 시간보다

7일 전
·
4개의 댓글
post-thumbnail

[스터디-우아한반상회] JSX

JSX 문법은 Javascript에 XML을 추가한 Javascript 확장 문법이다. 따라서, Javascript의 모든 기능이 포함되어있다. React에서는 JSX 문법을 사용해서 하나의 파일에서 Javascript, html을 작성하여 컴포넌트를 구성한다. 🤔

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

[주간 회고] 4/25 ~ 5/1

주간 회고스터디를 하기로했다! 오늘 일일 체험해보고 계속 할지 말지 정하기로 했는데, 일요일 아침에 일찍 일어날 수 있는 명분도 생겼고, 무엇보다 일주일을 정리하는 기분이 너무 좋았다. 다른 크루들의 일주일은 어땠는지 공감하면서 공감도 하고, 내가 고민하고 있는 부분에

2022년 5월 1일
·
9개의 댓글
post-thumbnail

lazy loading의 무한 스크롤을 Intersection Observer API를 통해 구현하기

웹페이지에는 많은 리소스들(이미지, 동영상 등)이 포함이 되어있다. 특히, 웹 페이지가 발전하면서 사용자에게 전송되는 리소스들의 크기가 굉장히 커졌는데, 웹페이지에 포함된 리소스들을 렌더링할때 한번에 불러오게 되면 페이지 로딩 시간이 길어질 수 밖에 없다. 특히, 이

2022년 3월 17일
·
0개의 댓글
post-thumbnail

var 🆚 let, const (+ 변수가 생성되는 과정, TDZ)

javascript에서 ECMA2015(ES6) 문법이 표준화 되면서, 변수를 선언할 때 ES6 이전에 쓰던 var은 지양하고 ES6의 새로운 문법인 let과 const를 사용하는 것을 지향하게 되었다. 실제로 var을 개선하기 위해 나온 문법이 let, const이기

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

webpack, 왜 사용해야 할까?

웹팩 공식 사이트 https://webpack.kr/ 참고 https://chanyeong.com/blog/post/27 https://velog.io/@xortm854/Typescript-React-Webpack-환경설정-1편-Web

2022년 3월 3일
·
1개의 댓글
post-thumbnail

package.json과, 이를 생성하는 npm install 명령어 🖥 (+ package-lock.json)

지금까지는 package.json 파일은 그저 패키지를 npm install을 통해 설치하면 생기는 파일정도로 생각했는데, 정확히 package.json 파일이 왜 있는지에 대해서 알지 못했다. (그냥 개발하면 있는 파일 정도로 생각한...😅) 그래서 이번에는 pac

2022년 3월 3일
·
2개의 댓글

javascript 코드 컨벤션 🧹 + eslint, prettier으로 자동화

코드 컨벤션은 다양한 회사에서 공식 문서로 제공하고 있다. 자신에게 맞는 것을 찾아 쓰거나, 협업을 한다면 동료와 협의 후 선택하여 사용하면 된다. 우아한테크코스에서는 airbnb의 코드 컨벤션을 따른다고 한다. airbnbNHNgoogle코드컨벤션이 필요한 이유는 '

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

Git commit 메시지 컨벤션 📩

commit 메시지를 잘 써야하는 이유? 개발하기도 힘든데, 커밋메시지 중요한가요?🤔 결론적으로, 커밋 메시지를 잘 작성하는 것은 매우 중요한 일이다. 나도 예전에는 커밋메시지의 중요함을 전혀 알지 못했다. 우테코 프리코스를 진행하며 커밋 메시지를 처음 제대로 써봤고

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

[우아한테크코스 4기] 최종 합격

최종 합격 했습니다! 정말 부족함 많았던 최종 테스트였기 때문에 기대하지 않고 있었는데, 이렇게 합격해서 너무 기분 좋네요 😆 (하루종일 입꼬리 안내려가는중...)11월 초 자기소개서 제출부터, 3주간의 프리코스, 그리고 최종테스트. 약 두달간 3차까지있었던 우아한테

2021년 12월 30일
·
2개의 댓글
post-thumbnail

[우아한테크코스 4기] 최종테스트 회고

12월 18일, 드디어 우아한테크코스 4기 최종테스트가 있었습니다. 지난 프리코스 회고글에서, 3주동안 정말 많이 성장했음을 느꼈다고 했는데요 이번 최종테스트를 치면서 느꼈습니다. > 아... 난 아직 쪼만한 꼬맹이구나... 🥲 물론 프리코스를 통해 많이 성장했지만

2021년 12월 26일
·
0개의 댓글
post-thumbnail

[우아한테크코스 4기] 3주간의 프리코스 과정 회고

1차 합격하고 기뻐서 날뛰던게 엊그제같은데, 벌써 2차 과정인 3주간의 프리코스 과정이 마무리됐습니다! 🥳감사히도 1차에 합격해서 프리코스를 참여할 수 있었는데요, 프리코스 전의 저는 상상할 수도 없을만큼 3주라는 짧은 시간동안 정말 많은 성장을 했습니다. 선발 과정

2021년 12월 13일
·
0개의 댓글
post-thumbnail

[우아한테크코스 4기] 1차 합격 회고

이번년 하반기는 '우아한테크코스' 준비를 위해서 지냈다고 해도 과언이 아닐정도일 것이다. 우아한테크코스는, 배달의 민족에서 진행하는 개발자 양성 교육 프로그램이다. 배달의 민족이 좋은 문화를 가진 개발 기업인 만큼, 여기서 진행하는 교육 프로그램인 우테코도 정말 좋은

2021년 11월 19일
·
0개의 댓글

[프로그래머스 level2] 한장에 핵심 정리📝

Math.max, Math.min에 문자를 넣었을 때는 의도대로 숫자로 변경되어 우리가 원하는 최대, 최소값을 구해준다.두수의곱=최대공약수\*최소공배수를 활용한 문제https://velog.io/@rladpwl0512/%ED%94%84%EB%A1%9C%EA%B

2021년 11월 5일
·
0개의 댓글

조합, 순열 관련 개념 및 코드 정리

조합 개념 조합이란 서로 다른 n개중에 r개를 선택하는 경우의 수를 의미합니다. (순서 상관 없음) 중복 선택x nCr 계산 코드 다음은 3개의 다른 요소를 뽑는 코드이다. 결과 중복 조합 개념 중복 조합이란 중복 가능한 n개중에서 r개를 선택하는 경

2021년 11월 4일
·
0개의 댓글

나머지 한점

https://programmers.co.kr/learn/courses/18/lessons/1878?language=javascriptxor 연산자: a^b 는 a와 b가 다르면 1을 리턴하고, 같으면 0을 리턴한다.만약 a^b^c에서 a,b가 같다면 c가 나

2021년 11월 4일
·
0개의 댓글

[인프런 javascript] 한장에 핵심 정리📝

1-4) 1부터 N까지의 합 출력하기 단순히 for문을 사용해서 출력하는 것이 아닌, reduce메소드를 활용해서 풀 수 있는 문제이다. 또한, 을 통해 n=5가 입력되었을 때 [1, 2, 3, 4, 5] 유사배열이 생성된다. 1-7) 10부제 x(ex. 12)에서 일의 자리 구하기 : 1-8) 일곱난쟁이 거짓 난쟁이 2명 삭제(splice 메소드):...

2021년 11월 3일
·
0개의 댓글

그리디(Greedy) 알고리즘

*나동빈님의 그리디 알고리즘 강의 및 강의자료를 참고해서 공부 한 내용입니다. 그리디(Greedy) 알고리즘 그리디 알고리즘은 '당장 눈 앞에 보이는 최적의 상황만을 쫓는 알고리즘'으로, 가장 단순한 형태의 알고리즘 항상 최적의 결과를 도출하는 것은 아니지만, 어느 정도 최적의 해에 근사한 값을 빠르게 구할 수 있다는 장점이 있다. 또한, '특정한 상황...

2021년 11월 3일
·
0개의 댓글