profile
끊임없이 떨어지는 물방울이 바위를 뚫는다

map, forEach 비동기 작업 병렬처리

https://darrengwon.tistory.com/773https://velog.io/@hanameee/%EB%B0%B0%EC%97%B4%EC%97%90-%EB%B9%84%EB%8F%99%EA%B8%B0-%EC%9E%91%EC%97%85%EC%9

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

vercel로 배포하기

전역으로 cli 설치배포

2021년 7월 26일
·
0개의 댓글
post-thumbnail

[React] 불변성을 지켜야 하는 이유

출처 : https://velog.io/@bbio3o/React-%EB%B6%88%EB%B3%80%EC%84%B1%EC%9D%84-%EC%A7%80%EC%BC%9C%EC%95%BC%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0

2021년 7월 22일
·
0개의 댓글
post-thumbnail

React 실행 순서 익히기

useEffect의 deps, 변수 state와 useRef 변수, 객체 변수의 차이를 정확히 알고 적용하자.다음 코드에서 콘솔로그에 어떻게 찍힐지 예상해보자.결과는 맨 아래에 두겠다.위에서 아래로 읽음. 변수 다 읽고 엘리먼트들 렌더 후 useEffect()에 접근.

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

useSelector 최적화 시키기

https://jewelism.github.io/fe/react.html#\_1-%ED%81%B4%EB%9E%98%EC%8A%A4-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EC%9D%B8-%EA%B2%BD%EC%9A%B0

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

타입스크립트 + 객체지향 프로그래밍 마스터 (1)

자바스크립트는 프로그램이 동작할때 타입이 결정되는 위험한(?) 프로그래밍 언어이다.반면에 타입스크립트는 타입이 정적으로 결정되고 코딩할때 타입이 결정되어 즉각적으로 에러를 발견할 수 있다.타입을 광범위하게 설정하지 말고 더 명확하게 타입을 명시하기interface와 t

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

[JS] lastIndexOf

알고리즘 도중에 "/a/b/c/d/t.x" 에서 t.x만 도출해내야 하는 문제가 있었다.파이썬같은 경우에는 rfind도 있고 slice\[-1:] 도 있고 자바스크립트는 없는줄 알았다..하지만 lastIndexOf()라는 api가 있다.

2021년 6월 24일
·
0개의 댓글
post-thumbnail

[JS] BFS, DFS

원래 c++로 알고리즘을 공부하다가 웹 프론트엔드만 주구장창 하다보니 Javascript가 익숙해서 알고리즘 언어를 바꿨다..c++로 BFS, DFS 처음 이해 할 때 복잡했었는데 Javascript로 BFS, DFS를 구현해보니 훨씬 쉽다.BFS 방식: A - B -

2021년 6월 21일
·
0개의 댓글
post-thumbnail

reduce 사용해서 알고리즘 해결하기

문제 3 :

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

useRef, forwardRef

아래에 있는 CustomTextInput 컴포넌트의 인스턴스가 마운트 된 이후에 즉시 클릭되는 걸 흉내내기 위해 CustomTextInput 컴포넌트를 감싸는 걸 원한다면, ref를 사용하여 CustomTextInput 컴포넌트의 인스턴스에 접근하고 직접 focusTe

2021년 6월 16일
·
0개의 댓글
post-thumbnail

비동기처리와 콜백함수, promise, async/await

비동기처리와 콜백함수, promise, async/await에 대해 간단하게 정리해보자.특정 로직의 실행이 끝날 때까지 기다려주지 않고 나머지 코드를 먼저 실행하는 것이 비동기 처리이다.만약 동기적으로만 코드가 실행된다면, 앞에서 실행된 코드가 모두 실행되는 것을 기다

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

React 공식문서를 다시 읽어보자 - 1회독

JSX는 JavaScript의 확장 문법입니다. JSX는 템플릿 언어와 비슷해 보이지만, JavaScript의 강력한 기능들을 모두 사용할 수 있습니다. JSX는 React.createElement()의 호출을 통해 일반 JavaScript 객체인 “React 엘리먼트

2021년 6월 13일
·
0개의 댓글
post-thumbnail

React로 SNS 만들기 (10) - 배포

AWS 아마존웹서비스 배포를 해보자. ec2 인스턴스에 프론트, 백엔드 서버를 만들어보자 현재 선택한 우분투 서버는 메모리가 1gb여서 웹을 빌드시킬 때 용량이 크다면 메모리를 늘려야 될 것이다. 프로젝트에 SSH 연결을 통해 프론트를 우분투 서버에서 프로젝트를

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

React로 SNS 만들기 (9) - 빌드하기

빌드하기 전 백엔드 서버를 켜놓는다.그 후 npm run build로 빌드.js,ts,css,html 등 파일의 용량을 줄이기 위해서 gzip으로 압축을 해줘야한다.파일의 용량이 1mb가 넘으면 렉이 걸리기 시작한다고한다.커스텀웹팩을 통해서 한다. 이때 compress

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

React로 SNS 만들기 (8) - 서버사이드렌더링

서버사이드 렌더링

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

[Javascript] 2차원 배열 만들기

적용 방법은 무궁무진하다.

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

React로 SNS 만들기 (7) - 쿠키 ,게시글 불러오기

도메인이 다르면 쿠키가 보내지지않는다. 쿠키를 보내지않으면 백엔드에선 누가 요청보냈는지 알 수가 없다.다른 도메인에서 쿠키가 보내지지않는데, 요청할 때 쿠키를 같이 보내도록 허용해주는 속성이다.공통 설정으로 한번에 해주면 반복되는 코드들을 줄일 수 있다.그 후에 다시

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

React로 SNS 만들기 (6) - 시퀄라이즈를 이용하여 회원가입 하기

포트번호가 같으면 같은 프로그램으로 본다.

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

React로 SNS 만들기 (5) - 서버 구현하기

제로초의 react nodebird 강좌 공부한내용

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

React로 SNS 만들기 (4) - redux-middleware

react nodebird 강의 공부 내용

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