profile
개발 공부중!

[JS] 클래스

java에서는 클래스를 만드는게 너무 당연한 일이었는데, javascript에서는 한번도 직접 짜본적이 없었다. 그래서 javascript에서의 class사용을 주제로 정했다. 학습 후에는 class에 대한 두려움이 줄어들었고, 반드시 class를 만들어야 하는

2021년 9월 29일
·
0개의 댓글

[리액트] Hook 다시보기

hook을 자주 사용하고있는데, 공식 가이드에서 새롭게 알게된? 인상깊은? 부분들을 기록해두려고 한다.최상위(at the Top Level)에서만 Hook을 호출해야 합니다오직 React 함수 내에서 Hook을 호출해야 합니다✅ React 함수 컴포넌트에서 Hook을

2021년 8월 30일
·
0개의 댓글

[온라인 강의] 프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint)

(강좌) 프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint) npm, webpack, babel, eslint등 프론트 개발환경에서 가장 많이쓰이는 것들을, 이해하기 쉽게 예제와 함께 소개해주고, 나중에

2021년 8월 24일
·
0개의 댓글

[리액트] 주요 개념

개요 리액트를 대충 말고 잘 알고싶다 그래서 리액트 공식문서를 차근차근히 읽어보고 궁금한건 테스트해보기로 했다. 시작하기 - 웹 사이트에 React 추가하기 리액트 프로그램을 엄청 거창하게 생각하고있었는데, 심플할 수 있다는걸 알게되었다.

2021년 8월 12일
·
0개의 댓글

[온라인강의] NPM Package

주제 : npm으로 나만의 패키지 만들기 1. 주제 - NPM 패키지 만들기 선정이유 : 모듈을 설치하는데 두려움이 있고, 이해없이 사용하고있다고 느껴진다. 코드를 짜는것만 하다보니 환경설정같은 지식들에 대한 부족함이 느껴진다. 참고 : 생활코딩 NPM Packa

2021년 8월 9일
·
0개의 댓글
post-thumbnail

[TIL][React] 최적화 궁금증

YES그동안 같은 Props라면 당연히 다시 렌더링 되지 않는다고 생각했는데부모가 렌더링 되면 자식도 렌더링 된다는 글을 보았다. 그래서 테스트해보니...이렇게 props가 없는 컴포넌트도부모가 렌더링 되면 항상 'Left'를 찍으며 렌더링이 되고있었다!!이렇게 mem

2021년 5월 23일
·
1개의 댓글
post-thumbnail

[TIL][React] 상태관리 고민 (Context, Recoil)

개발중인 시스템에서 react-query를 도입하며 redux를 제거하기로 했다 (최소화 하고싶지만) 여전히 글로벌 상태값이 필요한 케이스(서버에서 받아오지 않음, 구독기능이 필요함)들을 어떻게 처리할까 고민을 하면서 여러가지 대안을 생각해보았다. redux를 최소

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

UI컴포넌트 - 3.Scroll spy / 4. Scroll top

시크릿 코드: 프론트엔드 UI 컴포넌트 편 - 패스트캠퍼스ScrollIntoViewthrottle/debouncebind/call/applyQ. IntersectionObserver의 isVisible은 왜 항상 false?A. IntersectionObserver v

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

UI컴포넌트 2 - 무한 스크롤

시크릿 코드: 프론트엔드 UI 컴포넌트 편 - 패스트캠퍼스

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

UI컴포넌트 - 1. Context Menu

시크릿 코드: 프론트엔드 UI 컴포넌트 편 - 패스트캠퍼스 첫 강의라 어떤식으로 진행이 되는건지 익히는 기분으로 진행했다. 최근 리액트를 사용했더니, 리액트 없는 JS가 더 어려운것같다ㅜㅜ js에서 dom을 다루는 문법들을 너무 오랫만에 봐서...

2021년 5월 2일
·
0개의 댓글
post-thumbnail

[CSS] FLEX 속성정리

(강의노트) Flex 속성이름을 빠르게 보기위한 정리flex, inline-flex아이템 나열 축 <-> 교차축(align)direction과 wrap을 한번에 지정(예) row wrapflex-direction : 메인축 방향 row(기본) /column /ro

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

[온라인강의] CSS Flex와 Grid 제대로 익히기 - 1분코딩, 인프런

(강좌) CSS Flex와 Grid 제대로 익히기 - 1분코딩, 인프런그때그때 검색으로 떄워서 사용했던 내용들을 제대로 배울수 있었다.개념/예제/응용 모두 쉽게 잘 설명해주신다.강의를 알기전에 강의노트를 보고, 정리를 너무 잘한걸 이렇게 공유해주시다니, 공짜로 보는게

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

[TIL][react] forwardRef vs innerRef

갑자기 의문이 들었다 forwardRef를 꼭 써야할까? 그냥 prop에 ref를 넣을순 없지만 다른이름으로 (innerRef 같은...) 전달할수도 있지 않을까? 그래서 한번 테스트를 해보았다 이렇게 짰던 코드를 이런식으로 해도 문제가 없다! 아니 그럼 왜만든

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

5. React Router & Routing

Udemy - Complete React DeveloperBrowserRouter, Switch, Route, exact, LinkwithRouterrouting된 페이지는 아래 세가지를 props로 받는다// 보통은 주소string으로 이동하지만// location

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

4. Setting Up Project

Udemy - Complete React Developeryarn add node-sass 로 sass셋팅브라우저는 css 만 읽을 수 있어서 변환이 필요한데CRA로 프로젝트를 생성했기때문에 webpack/babel이 자동으로 설정됨 의존하고있는 패키지에 문제가 있을경

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

3. React Basics

Complete React Developer 3. React Basics Create React App facebook에서 만든 react app 제작 툴 babel, webpack등을 미리 설정해 초보 사용자들도 app을 쉽게 제작하도록 도와줌 npx create

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

[온라인강의] JavaScript: The Advanced Concepts - Andrei Naegoie, Udemy

JavaScript: The Advanced Concepts - Andrei Naegoie, Udemyjava를 주로 공부하고, 그냥 되는대로 javascript를 쓰다가프론트앤드 개발자로 이직을 하면서제대로 공부하고싶어 강의를 듣게 되었다.자바스크립트는 깊이 배우지

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

Section 10. Error

Udemy - JavaScript: The Advanced Conceptsnew Error() 자체만으로는 무슨 일을 하는건 아니고throw 해야지 의미있음throw: 실행 중단해라, 예외를 던지겠다error뿐 아니라 무엇이든 던질 수 있음 throw 호출\-> 현재

2021년 2월 28일
·
0개의 댓글

Section 9. 모듈

Udemy - JavaScript: The Advanced Concepts Section 9. Modules 나올 주제들 Native ES Modules CommonJS UMD AMD IIFE 모듈? 의존하고있는 것들을 import 다른곳에서도 쓸수있게 expor

2021년 2월 28일
·
0개의 댓글

Section 9. Async JS

Udemy - JavaScript: The Advanced Concepts Section 9. Async JS callback Promise ES6에서 시작 A promise is an object that may produce a single value som

2021년 2월 28일
·
0개의 댓글