🤔 React 공식 Docs 에 기반하여 작성한 글입니다.JS component의 error는 React 상태 흐름을 방해하고 숨은 에러를 발생킨다. 이런 오류로 인해 app 전체를 정지시켜선 안되므로 "error boundary"가 등장했다.✨ Error bouna

벌써 2022년 1월이 되었고, 사람 일은 정말 모르는 거다!일단 현재는 프론트엔드 BE를 좀 할 수도 있는 직무로 취업했고, 전부터 계속 쓰고 싶었던 회고를 이제서야 쓴다. 내가 어떻게 취업하게 되었는지 모르겠지만 개발을 선택했던 과정(1) 그리고 지금 일하면서 느끼

보통 알고리즘은 tistory 블로그에 올리지만, 프로그래머스는 올리지 못하므로 여기서 정리해야겠다.평일에는 매번 이것이코딩테스트다에서 아주아주쉬운문제를 딱1문제씩 골라 풀고 답안을 바로 보니까 공부를 너무 안하는 것같아서 주말에는 찐하게 알고문제를 풀어보기로 결심!L

다이나믹 프로그래밍을 사용하는 경우 큰 문제를 작은 문제로 나눌 수 있을 때 작은 문제에서 구한 정답이 큰 문제에서도 같을 때 부분문제들의 중복여부를 확인해서 자잘한것이 중복이 많이되면 탐색이 아니라 다이나믹 알고리즘 이라는 것을 알아차려야 함! 다이나믹 프로그래밍

📌 React 사용 시 주의할 점 React의 DOM 접근 최소화 React페이지 안에서 전역변수 사용할 일이 거의 없다. React의 라이프사이클 React Class형에서는 라이프사이클에 대한 이해가 필요하다. 참고 constructor -> render ->

React Class형 컴포넌트로 만들어야 한다는 미션을 받았다.헉 React를 class로요..? 그래, 사실은 React 도 class형 컴포넌트로 가득찬시기가 있었다. 하지만 React v16.8부터 React Hook 을 지원해주면서 공식문서에서도 함수형 컴포넌

배운점 storage 브라우저 지원 참고 map 과 forEach의 차이점 map map은 새로운 배열을 반환하는 함수인데, return 값이 따로 없다면 map대신에 forEach를 사용하는 것이 맞다. 참고 Object.assign 브랜드상태 json을 만드

React로 Infinite Scroll 구현하기를 짧게 팀원가 진행했는데,예리님께서 코드리뷰를 하나같이 꼼꼼하게 보시고 개선할 점을 말해주셨다.여태껏 프로젝트를 하면서 생각해보지 못했던 디테일한 부분들이 많았기에해당부분들을 다 정리해 다음 프로젝트 때 또 적용하고 적

JavaScript를 공부하는 프린이라면 왠지 피하고 싶고 느낌적으로 이해는 되지만 입으로 설명할 수 없는 그런 키워드들이 있다.그중 하나는 바로 내가만든.그 이유는 pro~ 를 남발하는 설명 때문.."생성자 함수의 프로토타입 프로퍼티 \[프로토타입]내부슬롯의 값을

React로 InfiniteScroll을 하는 방법 2가지 onScroll 이벤트 Intersection Observer API onScroll의 한계 ![](https://images.velog.io/images/tami/post/7996be3b-0366-4cd

개발자에겐 TIL이 중요하다TIL을 써야한다TIL꼭 쓰세요..개발(예정)자로서 이런 얘기를 정말 많이 들어왔다.이유는 다양했다.꾸준함이 부족해서잘써야 될 것같은 부담감에그거 아니어도 할일이 많아서매일 다른 공부를 하는데 그때마다 글을 다르게 써야해?글 써보니 생각보다

git hub로 협업하기를 시작한 초보 개발자 tami git hub속에서 헤메기 시작하는데... 팀원들의 도움을 받아 여차저차 성공했지만 익숙해지지 않았기 때문에 폐끼치지 않기 위해 정리하는 🤝github 협업 명령어 총정리! 1️⃣ 공동 repository

오늘의 알고리즘풀이는 프로그래머스를 이용했다.깔끔한 화면,다양한 테스트 케이스 코딩테스트 연습하기에 정말 좋은 환경이다.다만, 테스트 케이스 딱 하나 걸릴땐 뭔지 알려줄래? 😅문제링크문제인형을 뽑아 중복되는 인형을 연속적으로 뽑았을 때 점수를 얻는다.입출력 예시답안꺼

프로그래밍 패러다임에 대해 알게되었고, 그중 함수형 프로그래밍의 의미,조건,그 예시에 대해 공부해보았다.\*프로그래밍 패러다임: 프로그래밍을 어떻게 이해하고 구상할지 생각하는 관점함구도 객체처럼 변수나 함수의 인자처럼 다룰 수 있음sdie effect 가 적음 외부의

vsc는 정말 코드관리하기가 편리하다. 그 이유중 하나는 다양한 확장 플러그인을 지원한다는 점인데, 그 중 자주 사용하는 것들을 모아보았다. >## Markdown All in One VScode에서 마크다운을 자주 작성하는 나에게 아주 유용한 플러그인! 이렇게 P

나는 아직 GUI 환경이 익숙한 초보다..^^따라서 아직까지는 git을 소스트리로 관리하고 있는데, 처음 소스트리를 연결하는 과정에서 private repository연결이 안되어서 매우 고생했던 경험을 쓰려고 한다.!계정 - 추가 - 호스트,인증방식,프로토콜 설정여기

설치링크Mac OS용 터미널 에뮬레이터Mac 의 기본 터미널을 대체해 줌깔끔하고 귀여운 테마들을 적용할 수 있어 어두운 터미널 속 재미🌈(?)를 느끼게 해준다.시스템환경설정 - 보안 및 개인정보보호 - 전체 디스크 접근권한 - 허용 할 필요가 있다.설치링크Mac에서

처음 맥을 사용했을 때 어떤 프로그램이 필요한지, 특히나 개발자에게 환경설정이 얼마나 중요한지 몰라 이리저리 헤맸었다. 물론 지금도 헤매고 있지만, 도움이 되는 프로그램들을 공유하고 또 언젠가 다시 환경설치가 필요할 나를 위해 글을 남깁니다 피스-:) Mac 의 프

열심히 초기 환경설정을 하던 중시스템환경설정 - 보안 및 개인정보보호 - 환경설정 이 부분의 암호입력이 되지 않는 오류를 만났다.본래 로그인 암호 = 시스템 환경설정 암호로 알고 있는데 아무리 입력해도 암호가 틀렸다고 나와 아래와 같은 방법을 해보았고 해결방안을 찾았

맥북을 처음 사면, 설정해야 할게 너무 많다.🤭 여러모로 할게 많은데 한번에 정리된 글이 없다니! 만들어야지 📌Mac 간단 tip 초기 모습 Mac을 처음 딱 킨 화면 하단 Doc 정리 자주 사용하는 것만 두고 싹 정리😉 ![](https://images.