JavaScript
1.typeof 연산자를 이용하여 값의 타입 확인하기
javascript에서 값의 타입을 확인하기 위해 typeof 연산자를 이용할 수 있다.
2.함수 선언 방법: 함수 선언식, 함수 표현식, 화살표 함수
JavaScript에서 함수를 선언하는 방법에는 크게 세 가지가 있다.
3.parameter와 argument의 구별
JavaScript에서 parameter(매개변수)와 argument(전달인자)를 구별해보자.
4.Number()와 parseInt(), parseFloat()의 차이점
JavaScript에서 값을 number 타입으로 변환해주는 Number()생성자와 함수 parseFloat(), parseInt()의 차이점을 알아보자.
5.기억해야 할 6가지 falsy 값
아래의 6가지 값은 Boolean type으로 변환했을 때 false로 출력된다.
6.String methods 정리
JavaScript의 string methods를 확인해보자.
7.Math.methods 정리
JavaScript의 간단한 Math.methods를 확인해보자.
8.제곱근(square root, sqrt)과 소수 구하기🤓
JavaScript를 공부하며 문제를 풀던 도중 뇌에 렉걸리는 문제를 만나게 되었다.
9.쌀집 계산기보다 핸드폰 계산기에 익숙해져 버린 내가 만든 웹 계산기 (feat. 버전의 중요성)
페어와 함께 프로그래밍 작업을 한 것은 이번이 처음이었다.
10.원시자료형과 참조자료형(Primitive vs Reference)
자바스크립트의 데이터 타입은 크게 두 가지로 나누어 볼 수 있다. 원시자료형 ( Primitive data type ) 참조자료형 ( Reference data type )
11.자바스크립트 삼항연산자 (if문 시 러)
자바스크립트에서 if문을 보다 간단하게 표현할 수 있는 삼항연산자에 대해 알아보자.
12.Object.assign() 사용법
JavaScript의 Object.assign()메서드 사용법을 알아보자.
13.JS 객체지향 프로그래밍 클라스 오지고 지렸다 Part 1 - 클래스와 인스턴스 사용법
붕어빵의 인간 말살 프로젝트
14.JS 객체지향 프로그래밍 웁시...! Part 2 - OOP의 특성 4가지
웁시 풉시 OOP
15.JavaScript 클래스, 프로토타입, 인스턴스의 삼각관계
프로토타입(Prototype)은 원형 객체를 말한다.
16.객체를 요소로 가지는 배열에서 값 찾기(feat. some()과 findIndex())
some()과 findIndex() 메서드 활용예제
17.Redux: props로 state를 옮기고 또 옮기고 또 옮기지 않는 방법
Redux는 상태관리 라이브러리이다.
18.JavaScript: 보자보자 Set이 뭔가 보자
앗! 야생의 Set이(가) 나타났다!
19.React: export와 export default는 뭔 차이인가(feat. 모듈? 모듈이 뭐야? 😶❓)
모듈이 뭐야~👀 대단한 사람들이지~🤗
20.API server data를 Redux로 받아오는 방법(Redux refactoring)
Redux 정말 재미있어요 😃
21.Number.prototype.toFixed() (대혼돈의 코딩버스)
Number.prototype.toFixed() 메서드에 대해 알아보자.
22.React dotenv 변수,, 왜 undefined로 뜰까?
가장 쉬운건 그냥 환경변수명 앞에 `REACT_APP_`을 붙여 사용하는 것이다.
23.map? 그냥 배열 메서드아냐?, 응 아니야 이번엔 자료구조야
현실 세계의 자료들을 object와 array만으로 관리하는 것은 한계가 있기 때문에 map과 set이 등장하게 되었다.
24.webpack으로 웹앱 번들링하기
Webpack은 여러 개의 파일을 하나의 파일로 합쳐주는 모듈 번들러이다.
25.@reduxjs/toolkit: Cannot perform 'get' on a proxy that has been revoked 에러(reducer 규칙 지키기)
redux-toolkit을 공부하면서 이전에 redux를 이용해 만들었었던 프로젝트를 redux-toolkit으로 리팩토링해보았다. 아이템을 장바구니에 추가하면 알림이 떴다 사라지는 기능을 구현 중에 아래와 같은 에러가 나타났다.
26.React: exhustive-deps Eslint 규칙 이해하기
"react-hooks/exhaustive-deps" 규칙은 효과 후크에 누락된 종속성이 있을 때 경고를 띄운다. 경고를 없애려면 useEffect 내부의 함수 또는 변수 선언을 이동하고 렌더링할 때마다 변경되는 배열 및 개체를 메모화하거나 규칙을 비활성화해야 한다.