profile
FE 개발자

React - prop-types ( vs TypeScript )

npm : prop-typesyarn : prop-types<span style='background-color: React 15.5부터 사용할 수 있으며, props-types를 사용하면 props가 필수인지 선택 사항인지 명시하는 것과 같이 컴포넌트에서 예상되

2023년 1월 25일
·
0개의 댓글
·

JS - 동작원리

헷갈릴 수 있는 용어들에 대한 간략한 설명입니다. 느린 동작이 스택에 남아있는 것을 의미합니다.일정 시간이 지난 후에 원하는 함수를 예약 실행(호출)할 수 있게 하는 것을 의미합니다.매크로태스크큐와 마이크로태스크큐는 서로 다른 별도의 큐 입니다.자바스크립트 엔진은 자바

2023년 1월 10일
·
0개의 댓글
·

React - Redux Thunk (feat. redux-actions)

thunk란, 특정 작업을 나중에 하도록 미루기 위해서 함수형태로 감싼것을 칭합니다. 리덕스는 기본적으로 액션 객체를 디스패치합니다.일반 액션 생성자는 파라미터를 가지고 액션 객체를 생성하는 작업만 합니다. 따라서 특정 액션이 몇초뒤에 실행되게 하거나, 현재 상태에 따

2023년 1월 8일
·
0개의 댓글
·

React - Redux

약 1년 전 부터 사내에서 redux로 상태 관리를 하여 개발하였는데 학습 기간이 짧아 정확하게 이해하지 못하고 구현하느라 개념잡기가 어려웠습니다. 따라서 이번 포스팅으로 공부해보고자 글을 작성합니다. ( 글을 읽기 전 redux 기본 용어에 대해 읽어보시면 이해하는데

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

React - Class Component에서 this란?

연관 글 JS - this란?리액트 클래스 컴포넌트는 state, props, 컴포넌트에 선언한 메서드 등을 참조하기 위해 this를 사용하고 있음을 직관적으로 확인할 수 있으며 따라서 코드를 작성할 때 this를 신경써야 합니다.<span style='backg

2023년 1월 2일
·
0개의 댓글
·
post-thumbnail

JS - this란?

📌JavaScript에서 this this란 함수를 호출할 때 생성되는 실행 컨텍스트 객체입니다. 실행 컨텍스트란 실행할 코드에 제공할 환경 정보들을 모아놓은 객체입니다. (ex. window, global ..) 아래의 경우로 this의 의미를 나눌 수 있습니다

2022년 12월 18일
·
0개의 댓글
·
post-thumbnail

JS - 불변성 (ps. React에서 불변성)

📌JavaScript에서 불변성 JavaScript에서 객체는 참조 형태로 값을 주고 받는데, 하나의 객체가 생성되고 그 값을 다른 객체들이 참조하고 있다면 의도하지 않은 값의 변형으로 사이드이펙트가 발생하는 경우가 있을 수 있습니다. 보통 이런 경우 래퍼런스를 참

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

1분 정리(JS) - String() 과 toString()

✅ 들어가기 앞서..JavaScript에는 문자열로 형 변환을 제공하는 기본 함수 String()과 .toString()이 있습니다. 저는 주로 형 변환이 필요할 때 String()을 사용하였는데, 그렇다면 .toString()보다 String()을 자주 쓰는 이유와

2022년 12월 11일
·
0개의 댓글
·
post-thumbnail

JS - 함수 (일반함수, 익명함수, 내부함수, 즉시실행함수IIFE)

📌 일반함수 일반적인 함수의 선언입니다.

2022년 12월 11일
·
0개의 댓글
·
post-thumbnail

JS - 호이스팅 (Hoisting) ?

호이스팅이란 함수 안에 있는 선언들을 모두 끌어올려 해당 함수의 유효 범위 최상단에 <strong style='background-color: 실제 코드가 끌어올려지는 것은 아니고, JS parser 내부적으로 끌어올려 처리하는 것입니다. (따라서 실제 메모리에서

2022년 12월 11일
·
0개의 댓글
·
post-thumbnail

JS - 동기, 비동기

📌 동기 한 작업이 완전히 끝나야 다음 작업으로 넘어갑니다. 순차적, 직렬적 테스크를 수행합니다. JavaScript는 동기식 언어입니다. 📌 비동기

2022년 12월 11일
·
0개의 댓글
·
post-thumbnail

JS - 배열 메소드 (forEach, some, every, map, reduce, filter)

배열의 반복문으로, 처음부터 마지막 요소까지 반복하며 주어진 콜백함수를 수행합니다.break, return 을 통해 중지시키지 못합니다.배열 자체 내부 값을 변경하는 것입니다. (map 함수와의 차이점)배열의 요소 중 하나라도 콜백함수에서 true를 리턴하면 break

2022년 12월 11일
·
0개의 댓글
·
post-thumbnail

1분 정리(JS) - 매개변수(Parameter)와 인자(Argument)의 차이점

✅ 매개변수와 인자는 프로그래밍에서 자주 쓰이는 용어인데, 간단한 용어이지만 서로 헷갈릴 수 있는 개념이기 때문에 짧게 정리해봅니다.매개변수 (Parameter) : 함수를 정의할 때 사용되는 변수 (variable)인자 (Argument) : 실제로 함수를 호출할 때

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

티스토리에서 벨로그로 이사!

벨로그를 써보고 싶기도 했고 그 동안 공부했던것을 더 깔끔하게 정리하고 싶어서 벨로그로 이사를 결정했습니다. 🎉🎉🎉내일부터 천천히 하나씩 복습한다는 생각으로 이사를 진행해보겠습니다 ㅎㅎ22.12.08 - 첫 벨로그 시작합니다! :)

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