TIL

[TIL] 20220711 음수마진, 클린코드, 리액트 성능 최적화, SWR, 깃 협업 가이드

자바칩 프라푸치노 2022. 7. 12. 10:36

1. 음수 마진을 써도 되는가?

https://webclub.tistory.com/541

 

Negative margins(음수 마진)

Negative margins 이 포스팅에서는 음수마진이라고 Negative margins 에 대해 알아보도록 합니다. 음수 마진은 문서 내의 정상적인 흐름(document flow) 를 건들이지 않습니다. 다시말해, 요소를 이동하기 위

webclub.tistory.com

 

2. javascript 클린 코드

https://velog.io/@seob/JavaScript-Clean-Code-%EA%B0%80%EB%8F%85%EC%84%B1-%EB%86%92%EC%9D%B4%EA%B8%B0

 

[JavaScript] Clean Code - 가독성 높이기

A professional developer will write the code for the future self and for the “other guy” not just for the machine위의 글을 보면, 클린 코드는 주석 없이도 스스로 설명이 되고 사람

velog.io

 

3. 리액트의 성능 최적화 방법

https://velog.io/@nala723/%EB%A6%AC%EC%95%A1%ED%8A%B8%EC%9D%98-%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94-%EB%B0%A9%EB%B2%95

 

리액트의 성능 최적화 방법

리액트는 내가 코딩을 시작하고 프론트엔드를 지망하면서 가장 많이 사용한 프레임 워크이지만, 아직 어떻게 하면 더 효율적으로 코드를 최적화할 수 있을까에 대한 고민을 많이 해보지 못한

velog.io

https://velog.io/@kimkyeseung/%EB%B2%88%EC%97%AD-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94-%ED%85%8C%ED%81%AC%EB%8B%89

 

[번역] 리액트 성능 최적화 테크닉

리액트는 UI를 업데이트할 때 불필요한 DOM 작동을 하지 않도록 내부적으로 많은 기술들이 들어있습니다. 그렇지만 리액트를 비롯하여 다른 어떤 프론트엔드 프레임워크들도 시간이 지나면 그

velog.io

 

4. flow vs typescript

모집공고에서 flow등 정적 타입 분석 어쩌고 하는 말이 있었는데
flow랑 typescript 가 그것이었군

 

https://blog.seulgi.kim/2016/01/flow-vs-typescript.html

 

Flow vs TypeScript - 왜 나는 아직 타입스크립트를 쓰는가

Facebook Flow vs TypeScript. Why I still use TypeScript

blog.seulgi.kim

 

5. SWR

지금 회사에서 만들고 있는 서비스는 전역 상태관리가 많이 필요하기 보다는 서버에서 내려오는 데이터를 처리하는 것이 주된 기능인데 SWR이나 리액트 쿼리를 플젝 시작 전에 알고 있었다면 이것을 사용해도 되지 않을까 싶다. 지금은 리덕스를 사용하고 있는데 필요없는 보일러 플레이트가 많다.

https://velog.io/@soryeongk/SWRBasic

 

SWR 더 깊이 톺아보기

SWR을 자신의 서비스에 적용해도 되는지를 알아보기 좋은 정도로 맛보기로 정리했습니다.

velog.io

https://min9nim.vercel.app/2020-10-05-swr-intro2/

 

Redux 를 넘어 SWR 로(2)

앞서 첫번째 글에서는 Redux 를 사용할 때 일반적으로 경험할 수 있는 몇가지 문제들을 언급하였습니다. 이번 글에서는 SWR 은 무엇이고 SWR 이 어떻게 Redux 를 대체할 수 있는 지에 대해 설명해 보

min9nim.vercel.app

https://swr.vercel.app/ko

 

데이터 가져오기를 위한 React Hooks – SWR

데이터 가져오기를 위한 React Hooks Suspense Pagination

swr.vercel.app

 

6. 깃 협업 가이드

https://velog.io/@jinuku/Git-%ED%98%91%EC%97%85-%EA%B0%80%EC%9D%B4%EB%93%9C

 

Git 협업 가이드

새로운 기능 개발을 위한 feature 브랜치를 생성할 때 브랜치 이름은 다음과 같은 규칙으로 생성합니다. feature 브랜치는 마지막 develop 브랜치로부터 생성합니다. 꼭 브랜치를 생성하기 전에 develop

velog.io

 

728x90