출처: https://bumcrush.tistory.com/182 [맑음때때로 여름]

상세 컨텐츠

본문 제목

참고하기 좋은 사이트들을 정리하자!

React

by 장동균 2020. 7. 24. 19:04

본문

ReactMemo=>https://ui.toast.com/weekly-pick/ko_20190731/

 

React.memo() 현명하게 사용하기

유저들은 반응이 빠른 UI를 선호한다. 100ms 미만의 UI 응답 지연은 유저들이 즉시 느낄 수 있고, 100ms에서 300ms가 지연되면 이미 유저들은 상당한 지연으로 느낀다. UI 성능을 증가시키기 위해, React�

ui.toast.com

ReactMemo는 rerendering시에 다시 rendering 되지 않아도 될 부분들에 대한 rendering을 막아 효율을 높여준다.

 

https://lahuman.github.io/node_package.json_update/

 

nodejs package.json의 모듈 업데이트 하기!

업데이트는 한번씩 해줘야지!

lahuman.github.io

package.json 내부 version 관리

 

오래된 project를 clone할 때는 항상 package.json내부 dependency들의 version과 node, npm의 버전을 최신으로 바꿔줘야 한다.

 

그래도 오류가 난다면 package.json.lock과 node_modules를 삭제하고 다시 npm install을 해본다.

 

오늘 npm이 터졌다. 그것도 모르고 4시간 동안 삽질했다..ㅎ

 

 

 

https://webisfree.com/2017-09-06/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-event-target-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0%EC%99%80-currenttarget-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90%EC%9D%80

 

자바스크립트 event target 프로퍼티와 currentTarget 프로퍼티의 차이점은?

자바스크립트의 이벤트 중 클릭한 요소를 가져오는 방법으로 event 객체의 target 또는 currentTarget 프로퍼티를 사용합니다. 이때 이 둘의 차이점은 무엇이고 어떤 경우에 무엇을 사용해야하는지 알�

webisfree.com

event.target.value 와 event.currentTarget.value의 차이!!!!! 후자가 더 현명한 선택이다.(물론 제대로만 사용하면 둘 다 기능은 동일하다.)

 

 

http://jeonghwan-kim.github.io/category/

 

주로 웹 기술에 대해 이야기 합니다

jeonghwan-kim.github.io

FE에서 전반적으로 중요한 글들이 많이 있다. 그리고 재밌는 글도 많으니 가끔 읽어보자 - 2020/8/20

 

https://uhou.tistory.com/102

 

req 객체와 res 객체, 그리고 res.send와 res.json의 비교

 node.js express를 사용하는 데에 있어서 가장 기본적인 것은 req객체, res객체, express()함수를 사용하는 것입니다. 하지만 매번 까먹곤 하는 내용이어서 Express 공식 홈페이지를 참고하여 정리 해 보��

uhou.tistory.com

req,res 객체에 대한 정보들에 대한 지식들이 있다. -8/27

 

react.vlpt.us/basic/09-multiple-inputs.html

 

9. 여러개의 input 상태 관리하기 · GitBook

9. 여러개의 input 상태 관리하기 지난 튜토리얼에서 우리는 input 상태를 관리하는 방법에 대하여 알아보았는데요, 이번에는 input 이 여러개일때는 어떻게 관리해야 하는지 알아보겠습니다. 우선 �

react.vlpt.us

되게 좋은 내용들이 많다. 여러개의 input을 관리할 때 항상 여러개의 useState와 onChange를 만들어줬었는데 이렇게 하면 간단해진다.  이외에도 많은 좋은 정보들이 있다. -8/29

 

github.com/naver/fe-news/tree/master/issues

 

naver/fe-news

FE 기술 소식 큐레이션 뉴스레터. Contribute to naver/fe-news development by creating an account on GitHub.

github.com

naver의 FE 이슈들을 정리한 곳이다. -9/3

 

github.com/AhaOfficial/nuxt-template/blob/master/docs/%EA%B8%B0%EC%B4%88_%EC%84%A4%EB%AA%85.md

github.com/AhaOfficial/nuxt-template/blob/master/docs/%EC%B6%94%EC%B2%9C_%EA%B0%95%EC%A2%8C_%EB%AA%A9%EB%A1%9D.md

 

AhaOfficial/nuxt-template

🗃 Nuxt Template (Typescript + Composition API). Contribute to AhaOfficial/nuxt-template development by creating an account on GitHub.

github.com

이 두개는 오픈채팅에 계신 분이 정리하신 내용이다. 추천할 만한 강의 정보들이 정리되어 있다. -9/3

 

 

devowen.com/

 

DevOwen

안녕하세요. 사진과 철학에 관심이 많은 웹 프론트엔드 개발자 오원종입니다. 시간이 지나도 꾸준히 읽힐 수 있는 글을 쓰고 싶습니다.

devowen.com

되게 좋게 느껴지는 글들이 많았다. 특히 면접질문을 대비해서 정리해 놓으신 글들은 큰 도움이 될 수 있을 것 같다.

-9/23

 

codesandbox.io/u/ibare/sandboxes

 

CodeSandbox

CodeSandbox is an online editor tailored for web applications.

codesandbox.io

우아한테크러닝 강의를 해주시고 계시는 김민태 개발자님의 codesandbox이다. 코드들의 구성, 모양 그리고 typescript를 바탕으로 짜여진 코드들이기 때문에 보고 참조할 것도 많을 것 같다. - 9/23

 

github.com/h5bp/Front-end-Developer-Interview-Questions

 

h5bp/Front-end-Developer-Interview-Questions

A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore. - h5bp/Front-end-Developer-Interview-Questions

github.com

전반적인 프론트엔드 개발자가 받을 수 있는 질문들이 정리되어 있다. 아직 읽어보지는 못했지만 일단 여기에 북마크해둔다. - 9/26

 

 

jhnyang.tistory.com/notice/31

 

운영체제(OS) 목차 &책 추천

운영체제를 처음부터 쭈우욱 순서대로 공부하고 싶으신 분들을 위해 뒤죽박죽으로 게시된 글들을 순서대로 정리해봤어요 # 운영체제 책 추천 운영체제하면 뭐니뭐니 이미 너무너무 유명한 공

jhnyang.tistory.com

참조할만한 운영체제의 내용들 - 10/24

 

medium.com/@martin_hotell/10-typescript-pro-tips-patterns-with-or-without-react-5799488d6680#78b9

 

10 TypeScript Pro tips/patterns with (or without) React

A missing style guide about how to write idiomatic JavaScript and React by using sane TypeScript patterns/features.

medium.com

typescript+react의 좋은 패턴 - 10/28

'React' 카테고리의 다른 글

antd Carousel(auto), a href  (0) 2020.08.04
lazy component, Switch  (0) 2020.07.30
map method  (0) 2020.07.29
Link to, history.push 의 차이  (0) 2020.07.27
modules, components, containers  (0) 2020.07.23

관련글 더보기

댓글 영역