Search
English
DownloadSignInSign Up
Click to apply the changed page
🧑‍💻
#FEConf
🧑‍💻
샤인머스캣
요즘 FE 트렌드
https://...fbclid=IwAR334JNeKYnH9csTlorOXzqkr7nW-Jb369O9LgASmA90Sfedpmujg8zC8wY
8은 처음 봤는데 한번 둘러봐야겠으요
yozm.wishket.com
프론트엔드 아키텍처의 가장 최근 트렌드는? | 요즘IT
👍
5
4
샤인머스캣
Cypress 같은 E2E test 다들 도입해서 쓰고계세요?
회사에 이야기 꺼내본 적은 있지만 플젝 공수산정에 아예 빠져서 안하고 당장 필요없으니 밀리고 결국 혼자 끄적끄적만해보고 도입은 못해보고있네요 ㅋㅋ ㅠ
👍
4 comments
제이슨
함수형 자바스크립트 책 서평
https://...utm_source=awesome-blogs-app
Javascript 함수형 프로그래밍 책을 읽고 내용을 잘 정리해주셨네요.
wormwlrm.github.io
함수형 자바스크립트: 모던 웹 개발에 충실한 실전 함수형 프로그래밍 안내서 - 재그지그의 개발 블로그
😍
1
알퐁
[팁] RegEx Named 그룹 캡쳐
RegExp를 사용할때 Named Group Capture 라고 기존에 배열로 데이터를 가져오던 것을 이름을 붙여 쓸 수 있습니다.
더 명시적으로 명확하게 쓸 수 있어서 좋아 보입 ...
👍👍🏻👍🏼
7
1 comment
알렉스
프론트엔드 성능 개선에 필요한 작업
https://...%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C%EB%8A%94-%EC%84%B1%EB%8A%A5-%EA%B0%9C%EC%84 ...
velog.io
프론트엔드는 성능 개선을 위해 무엇을 해야 할까?
👍
5
1 comment
알렉스
JAM Stack 이란?
https://...jam-stack-%EA%B0%9C%EB%85%90-%EC%A0%95%EB%A6%AC%ED%95%98%EA%B8%B0-17dd5c34edf7
JAM Stack ...
pks2974.medium.com
JAM Stack 개념 정리하기
😍
2
👍
3
bob
React-Query vs SWR
https://.../
서버 상태를 관리하는 라이브러리인 react-query와 swr의 비교글입니다.
글만 읽어서는 아직 react-query의 이점이 더 많아 보이는데요,
다만 ...
tech.madup.com
React Query vs SWR
👍
6
2 comments
bob
2021년 css-in-js 라이브러리 만족도 조사
https://2021.stateofcss.com/.../css-in-js/
전반적으로 css modules 에 대한 만족도나 점유율이 높네요!
그 뒤를 styled compon ...
2021.stateofcss.com
The State of CSS 2021: CSS-in-JS
👍
2
bob
카카오 웹툰의 하드웨어 가속과 intersectionObserver 사용기
https://.../
애니메이션이 많이 일어나는 dom 영역을 그래픽 레이어로 올려서, gpu를 사용하게 함으로써
성능 개선을 보았다는 내용입니다. ㅎㅎㅎ 자주 보는 화면이라 더 ...
fe-developers.kakaoent.com
카카오웹툰은 하드웨어 가속과 IntersectionObserver를 어떻게 사용했을까?
👍👍🏼
6
sNyung
Next js Lazy Hydration
https://helloinyong.tistory.com/323
helloinyong.tistory.com
Next.js Lazy Hydration으로 웹 성능 향상시키기(HTML은 유지하고 Script는 걸러내자)
😱
4
👍👍🏻
7
2
sNyung
gather town
오늘 팀원들하고 gather town을 테스트 해봤는데 정말 재밌네요👍
https://www.gather.town
gather.town
Gather | A better way to meet online.
👍
5
1
5 comments
Join
제이슨
조회수 0
[테오의 프론트엔드] JavaScript 에서도 SOLID 원칙이 통할까?
개발을 하면서 고려하게 되는 원칙들 중 SOLID 를 JavaScript 개발에 어떻게 적용할 수 있을지 고민한 글입니다
참고로 아래의 SOLID 원칙은 본문에서 발췌하였습니다.
1. SRP (Single Responsibility Principle)
1 개의 함수는 한 개의 역할만 수행하자.
(가능한 순수 함수로 작성하자. 즉 동일한 input → 동일한 output, 파라미터를 변경시키지 않아야 함)
2. OCP (Open/Closed Principle)
새로운 기능의 추가가 일어 났을때에는 기존코드의 수정 없이 추가가 되어야 하고, 내부 매커니즘이 변경이 되어야 할때에는 외부의 코드 변화가 없어야 한다.
3. LSP (Liskov substitution principle)
리스코프 치환 원칙
계층도간의 is-a 관계를 만족한다고 하더라도 (새-펭귄, 직사각형-정사각형) 하위 타입에서 가변성을 가지면서 상위 타입에서 정의한 조건과 일치하지 않는다면 상속을 받지 말아야 한다.
4. ISP (Interface Segregation Principle)
사용자가 필요하지 않은 것들에 의존하게 되지 않도록 인터페이스를 작게 유지하라.
5. DIP (Dependency Inversion Principle)
추상화에 의존해야 하지 구체화에 의존하면 안된다.
추상화하는 방향으로 의존하라. 상위 레벨 모듈이 하위 레벨 세부 사항에 의존해서는 안된다.
아래 글의 원작자이신데 참 열심히 하시는 분 같아 자극이 되네요~
👍
4