[javascript] 리액트 ( React )
“혼자 공부하는 자바스크립트” 스터디 모임 정리 노트 입니다. 📚
Category
- javascript 26
- react 20
- CSS 6
- HTML 3
- algorithm 3
- CS 2
- python 1
- troubleshooting 1
- typescript 1
- github 1
- ETC 1
- network 1
- trouble_shooting 1
- TroubleShooting 1
- Error 1
- Github 1
- Interview 1
- LookBack 1
javascript
[javascript] Promise
Promise에 대한 정리 📕
[javascript] Optional Chaining
Optional Chaining에 대한 정리 📕
[javascript] call, apply, bind
call, apply, bind에 대한 정리 📚
[javascript] Async, Await
Async와 Await는 Promise 코드를 좀 더 단순하게 작성하는 것을 도와주는 API이다. 📕
[javascript] 상속과 프로토타입
상속과 프로토타입에 대한 정리 📕
[javascript] 클래스 ( Class )
“혼자 공부하는 자바스크립트” 스터디 모임 정리 노트 입니다. 📚
[javascript] 예외처리 Exception handling
“혼자 공부하는 자바스크립트” 스터디 모임 정리 노트 입니다. 📚
[javascript] import & export
import와 export는 javascript module을 내보내고 가져오는 기능이다.
[javascript] 문서 객체 모델 (DOM) Study note
“혼자 공부하는 자바스크립트” 스터디 모임 정리 노트 입니다. 📚
[javascript] 유사배열 (Array-like Object)
유사 배열은 배열과 비슷한 형태의 객체(Object)를 말한다.
[javascript] ES와 ES5, ES6의 차이점
ES( ECMA Script )란?
[javascript] Package manager npm과 yarn
패키지 매니저 알아보기
[javascript] 객체(object) Study note
“혼자 공부하는 자바스크립트” 스터디 모임 정리 노트 입니다. 📚
[javascript] 논리 연산자(logical operator) or와 and의 단축 평가 논리 계산법
javascript 내 OR와 AND 연산자의 단축 평가 논리 계산법
[javascript] 언더바(_)로 변수명을 선언하는 이유
언더바(_) 변수명은 주로 함수 선언 시 매개변수명으로 사용되는 편인데, 이는 해당 매개변수가 중요하지않다는 것을 표현하기 위한 개발자들의 관습이다.
[javascript] 태그드 템플릿(Tagged template)
템플릿 리터럴과 태그드 템플릿 정리
[javascript] 함수(function) Study note
“혼자 공부하는 자바스크립트” 스터디 모임 정리 노트 입니다. 📚
[javascript] JWT
JWT (JSON Web Token)
[javascript] API
API (Application Programming Interface)
[javascript] Array
Array Dictionary
[javascript] Math
Math Method Dictionary
[javascript] 메모리개념과제
javascript의 자료형과 메모리
[javascript] Sign up & Sign in
javascript와 python으로 만드는 Sign up & Sign in
[javascript] jQuery 기초
jQuery 기초 자료
[javascript] Ajax
Ajax기초 자료
react
[react] Axios catsh Error message
try & catch 문에서 error 메세지 출력하기
[react] Image size 접근하기
이미지 인스턴스로 접근하기
[react] Redux Dev Tools Development server에서만 실행되게 설정하기
devTools: process.env.NODE_ENV !== 'production' 구문을 리듀서에 추가하여 설정할 수 있다.
[react] Component Life Cycle
클래스형 컴포넌트와 함수형 컴포넌트의 생명주기 대표 이미지 📔
[react] Scroll event를 이용하여 Infinite Scroll 구현하기
Infinite scroll을 구현하는 데에는 여러 방법이 있는데 그 중 scroll event를 이용하여 만들었다. 그 외 다른 방법은 아래 출처에 게시되어있다.
[react] memo, useMemo, useCallback
React Hooks, 최적화에 관련된 Hook알아보기 📕
[react] json-server
json server는 간단한 DB와 API 서버를 생성해주는 패키지이다. 📕 BE에서 실제 DB와 API 서버가 구축될때까지 FE 개발에 임시적으로 사용할 mock data를 생성하기 위해 사용한다. ( 다만 실무에서는 FE에서 디자인 작업을 먼저 하는 동안 BE에서 DB와 A...
[react] Custom hook
React의 내장 hook을 사용해서 공통된 로직이나 기능을 hook으로 생성할 수 있다. 📚
[react] Thunk
Thunk는 비동기 작업이 필요할 때 사용하는 미들웨어 기능이다. 📕
[react] redux persist
새로고침 후에도 리덕스의 데이터를 유지하는 방법 📕
[react] Axios
Axios는 Promise 기반 http 클라이언트이다. 📕
[react] Redux toolkit ( RTK )
리덕스 툴킷(RTK)은 리덕스를 더 편하게 쓰기 위해 만들어진 것이다.
[react] React Router dom
React Router dom은 SPA 방식 사이트에 페이지 이동을 구현해주는 패키지이다.
[react] useEffect
useEffect는 component의 life cycle에 따라 실행될 함수를 정의하는 Hook 입니다.
[react] Redux
redux는 전역 상태관리 라이브러리입니다.
[react] CSS-in-JS
CSS-in-JS ?
[react] Input 태그 value 접근하기
useState, Ref, Form
[react] Hooks가 만들어진 이유
Hooks는 여러가지 용도로 사용된다. 아래는 그 중 일부에 대해 설명하고 있다.
[react] Real Dom & Virtual DOM
DOM (document object model)
[react] Component, Props & State 기초
리액트 입문 강의 정리 노트 입니다. 📚 공식문서 : https://ko.reactjs.org/
CSS
[CSS] String 말 줄임 처리
줄을 넘어가는 string을 표시할 때 끝 부분을 ‘ … ‘ 으로 표시하는 말 줄임 처리를 할 수 있는 코드
[CSS] SCSS
SCSS는 CSS Preprocessor(전처리기)라 불리며 CSS의 기능을 확장한 언어이다.
[CSS] Reset & Normalize
CSS Reset, Normalize가 만들어진 이유
[CSS] Grid
flex와 함께 자주 사용되는 CSS의 Layout 기능
[CSS] 마진 병합 ( Margin collapsing )
CSS Margin collapsing ( 마진 병합, 마진 붕괘 )
[CSS] CSS 기초
CSS 기초 지식 메모
HTML
[HTML] 절대경로와 상대경로
절대경로
[HTML] 이벤트 전파 (Event flow)
이벤트 전파 (Event flow)
[HTML] 정규표현식 RegExp(Regular Expressions)
Regular Expressions Dictionary
algorithm
[solved algorithm] 신고 결과 받기
알고리즘 문제풀이
[solved algorithm] JadenCase 문자열 만들기
알고리즘 문제풀이
[solved algorithm] 시저 암호
알고리즘 문제풀이
CS
서버리스 ( Serverless )
서버리스 ( Serverless ) 는 서버가 없는 것처럼 Application을 실행할 수 있는 환경을 의미한다.
[CS] SPA & CSR, SSR, SSG
SPA ( Single Page Application )
python
[python] 데이터분석 기초
Python 라이브러리를 이용한 데이터분석 기초
troubleshooting
[troubleshooting] 전역플래그와 test()
전역플래그 g 를 사용한 정규 표현식에서 test() 함수 사용 시 true가 반환되어야 하는 조건에서 true와 false를 번갈아가며 반환시키는 문제
typescript
[typescript] Typescript 시작
typescript는 기본적으로 javascript와 같은 문법을 사용하나 아래와 같은 내용에 다소 차이가 있다.
github
[Github] 기초
Github 기초 자료 정리
ETC
[ETC] Path variable & Query string & Query parameter
GET 방식으로 url을 통해 데이터를 전송하는 방법들에 대한 정리 📕
network
[Network] HTTP Protocol
HTTP ( Hypertext Transfer Protocol ) 은 서버와 브라우저 간에 데이터를 주고 받기 위한 형식입니다.
trouble_shooting
맨 위로 이동 ↑TroubleShooting
맨 위로 이동 ↑Error
[Error] Mac AUto import Error
⛔ Error
Github
[Github] Github action, AWS S3, Gabia domain을 이용한 자동배포
11월 17일. 오늘의 배움(삽질)
Interview
[Interview] 면접 예상 질문 대비 - 1
면접 예상 질문 대비 자료 - 1
LookBack
[LookBack] 라이어게임 : 비밀의 문
< 라이어게임 : 비밀의 문 > 프로젝트 회고