Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/WanderedToLa/aweseom-articles

A curated list for aspiring developers.
https://github.com/WanderedToLa/aweseom-articles

List: aweseom-articles

awesome awesome-list frontend lists programming

Last synced: 16 days ago
JSON representation

A curated list for aspiring developers.

Awesome Lists containing this project

README 

        
# Awesome Articles [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)



A curated list for aspiring developers.



## TOC



- [Frontend](#front-end)

- [Pradigm](#paradigm)

- [Devops](#devops)

- [ComputerScience](#computerscience)

- [Tips](#tips)

- [ETC](#etc)



## Frontend



- [시니어 개발자가 말하는, 프론트엔드 업무와 잘하는 프론트엔드 개발자란 | 요즘IT](https://yozm.wishket.com/magazine/detail/1294/)

- [2023 Javascript Rising Stars](https://risingstars.js.org/2023/en)

- [웹 어셈블리에 주목하라](https://medium.com/@yujso66/%EB%B2%88%EC%97%AD-%EC%9B%B9%EC%96%B4%EC%85%88%EB%B8%94%EB%A6%AC%EC%97%90-%EC%A3%BC%EB%AA%A9%ED%95%98%EB%9D%BC-280ff4e9ce01)

- [성능 최적화](https://ui.toast.com/fe-guide/ko_PERFORMANCE)

- [웹 최적화 방식](https://black7375.tistory.com/82)

- [프론트엔드 성능분석하기](https://codingmoondoll.tistory.com/entry/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94-Quick-Start-1)

- [how to jest Coverage](https://www.daleseo.com/jest-coverage/)

- [테스트하기 좋은 코드](https://jojoldu.tistory.com/680)

- [Webpack → Vite: 번들러 마이그레이션 이야기](https://engineering.ab180.co/stories/webpack-to-vite)

- [Fastest Frontend Tooling](https://cpojer.net/posts/fastest-frontend-tooling-in-2022)



### Javascript



- [움짤로 보는 자바스크립트 동작원리](https://kkangdda.tistory.com/78?category=830981)

- [return `null` vs `undefined`](https://github.com/yeonjuan/dev-blog/blob/master/JavaScript/return-null-vs-undefined.md#%EC%98%A4%ED%94%88%EC%86%8C%EC%8A%A4-null-vs-undefined)

- [JavaScript 번들러로 본 조선시대 붕당의 이해](https://wormwlrm.github.io/2020/08/12/History-of-JavaScript-Modules-and-Bundlers.html)

- [제너레이터](https://ko.javascript.info/generators)

- [이터러블 / 이터레이터](https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-%EC%9D%B4%ED%84%B0%EB%9F%AC%EB%B8%94-%EC%9D%B4%ED%84%B0%EB%A0%88%EC%9D%B4%ED%84%B0-%F0%9F%92%AF%EC%99%84%EB%B2%BD-%EC%9D%B4%ED%95%B4)

- [아니 X발? 자바스크립트 이게 뭐야??](https://github.com/denysdovhan/wtfjs/blob/master/README-kr.md)

- [ECMAScript 명세 이해](https://ui.toast.com/posts/ko_20221116_1)

- [자바스크립트 v8 엔진의 가비지 컬렉션 동작 방식](https://fe-developers.kakaoent.com/2022/220519-garbage-collection/)

- [자바스크립트의 새로운 기능들 | 카카오엔터테인먼트 FE 기술블로그](https://fe-developers.kakaoent.com/2022/220728-es2022/)



### Typescript



- [Typescript를 위한 CleanCode](https://738.github.io/clean-code-typescript/)

- [Typescript는 어떻게 공부해야 하나요?](https://yozm.wishket.com/magazine/detail/1376/)

- [typescript 정리](https://inpa.tistory.com/category/Language/TypeScript)

- [Template Literal Types로 타입 안전하게 코딩하기](https://toss.tech/article/template-literal-types)

- [Bringing Pattern Matching to TypeScript 🎨 Introducing TS-Pattern v3.0](https://dev.to/gvergnaud/bringing-pattern-matching-to-typescript-introducing-ts-pattern-v3-0-o1k)

- [Using Tagged Unions](https://greg-pabian.medium.com/using-tagged-unions-84705459107a)

- [타입시스템으로 산수 구현](https://itchallenger.tistory.com/482)



### React



- [(번역) 블로그 답변: React 렌더링 동작에 대한 (거의) 완벽한 가이드](https://velog.io/@superlipbalm/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior)

- [Headless UI Library 란?](https://jbee.io/react/headless-concept/)

- [React VS Signals](https://junghan92.medium.com/%EB%A6%AC%EC%95%A1%ED%8A%B8-vs-signals-10%EB%85%84%EC%9D%B4-%EC%A7%80%EB%82%9C-%EC%A7%80%EA%B8%88-89e5c648c2e8)

- [useHooks-ts](https://usehooks-ts.com/react-hook/use-boolean)

- [React.memo() 현명하게 사용하기](https://ui.toast.com/weekly-pick/ko_20190731)

- [useState를 남용하지 마세요](https://www.philly.im/blog/dont-over-use-state)

- [[React] 웹 동작 과정과 React의 탄생](https://velog.io/@juno7803/React%EA%B0%80-%ED%83%9C%EC%96%B4%EB%82%9C-%EB%B0%B0%EA%B2%BD)

- [React Query Key 관리](https://www.zigae.com/react-query-key/)

- [[번역] 잘 알려진 UI 패턴을 사용하여 리액트 애플리케이션 모듈화하기](https://velog.io/@eunbinn/modularizing-react-apps)

- [[번역] 리액트, 널 사랑하지만 넌 나를 슬프게 해](https://velog.io/@eunbinn/react-i-love-you-but-youre-bringing-me-down?fbclid=IwAR1-5XmYt_xrdHk4nDNL8hmJpeKn5Kc5xytW607WuwPxg-8NeIojeAY0KQA)

- [Redux Nomalize](https://jbee.io/react/react-redux-normalize/)

- [Next/Image를 활용한 이미지 최적화 | 카카오엔터테인먼트 FE 기술블로그](https://fe-developers.kakaoent.com/2022/220714-next-image/)

- [if kakao sentry를 이용한 에러추적](https://if.kakao.com/2022/session/84)

- [[번역] Next.js 13.4](https://velog.io/@typo/next.js-13.4)



## Paradigm



- [[GN#174] 함수형 프로그래밍이 소프트웨어 개발의 미래가 되어야 하는 이유](https://news.hada.io/weekly/202245)

- [9가지 프로그래밍 언어로 배우는 개념: 1편 - 타입 이론 Devsisters Tech](https://tech.devsisters.com/posts/programming-languages-1-type-theory)

- [잘 가,클린코드](https://overreacted.io/ko/goodbye-clean-code/)

- [fp-ts로 Typescript 함수형 프로그래밍 시작하기](https://alstn2468.github.io/TypeScript/2021-04-21-fp-ts-0/)

- [타입스크립트(typescript)로 배우는 함수형 프로그래밍 - 같은 타입 다루기](https://itchallenger.tistory.com/388)

- [함수형 프로그래밍과 ES6+](https://www.youtube.com/watch?v=4sO0aWTd3yc&t=43s)

- [모나드 , 함수형 아키텍쳐](https://teamdable.github.io/techblog/Moand-and-Functional-Architecture)

- [FP 패러다임의 전환](https://kpug.github.io/fp-gitbook/Chapter1.html)

- [함수형 프로그래밍을 배워보자 - javascript](https://velog.io/@teo/functional-programming-study)

- [함수형 프로그래밍이 중요한 이유](https://parksb.github.io/papers-i-love/why-functional-programming-matters.html)

- [번역) 어쨌든 함수형 프로그래밍의 장점은 뭔가요?](https://junghan92.medium.com/%EB%B2%88%EC%97%AD-%EC%96%B4%EC%A8%8C%EB%93%A0-%ED%95%A8%E[…]%EC%A0%90%EC%9D%80-%EB%AD%94%EA%B0%80%EC%9A%94-a57f37872e4)

- [소프트웨어 설계가 완벽할 수 없는 다섯 가지 이유](https://swarchi.tistory.com/12)

- [Refactoring Guru](https://refactoring.guru/refactoring/what-is-refactoring)

- [디자인 패턴들](https://refactoring.guru/ko/design-patterns)

- [JavaScript Patterns](https://javascriptpatterns.vercel.app/patterns/design-patterns/introduction)



## DevOps



- [Github Action 캐시성능 최적화](https://www.daleseo.com/github-actions-cache/)

- [LightHouse CI to GithubActions(Kakao)](https://fe-developers.kakaoent.com/2022/220602-lighthouse-with-github-actions/)

- [뱅크샐러드 Web chapter에서 GitHub Action 기반의 CI 속도를 개선한 방법](https://blog.banksalad.com/tech/github-action-npm-cache/)

- [10x Faster CI with Nx and Github Actions](https://medium.com/emoteev-blog/10x-faster-ci-with-nx-and-github-actions-9a51fc4e82a6)



- [슬랙봇을 활용한 기술 블로그 배포 자동화 이야기](https://insight.infograb.net/blog/2024/01/10/slack-bot/)

- [AWS EC2에 NEXT.js 배포하기](https://velog.io/@yoondengo/AWS-EC2-%EC%9D%B8%EC%8A%A4%ED%84%B4%EC%8A%A4%EC%97%90-Next.js-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%98%AC%EB%A0%A4%EB%B3%B4%EA%B8%B0#%EB%82%A8%EC%9D%98-%EC%BB%B4%ED%93%A8%ED%84%B0%EC%97%90-%EC%9D%B4%EA%B2%83-%EC%A0%80%EA%B2%83-%EA%B9%94%EA%B3%A0-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EB%8F%84-%EC%98%AC%EB%A6%AC%EA%B8%B0)

- [EC2에 GitHub Actions self-hosted runner 띄우기](https://wonny.space/writing/dev/github-actions-self-hosted-runnder-on-ec2)



- [팀워크 향상을 위한 모노레포(Monorepo) 시스템 구축](https://blog.mathpresso.com/%ED%8C%80%EC%9B%8C%ED%81%AC-%ED%96%A5%EC%83%81%EC%9D%84-%EC%9C%84%ED%95%9C-%EB%AA%A8%EB%85%B8%EB%A0%88%ED%8F%AC-monorepo-%EC%8B%9C%EC%8A%A4%ED%85%9C-%EA%B5%AC%EC%B6%95-3ae1b0112f1b)

- [모던 프론트엔드 프로젝트 구성 기법 - 모노레포 개념 편(Naver)](https://d2.naver.com/helloworld/0923884)

- [[MonoRepo] lerna? yarn workspace? 크게 개념만 잡아보기](https://simsimjae.medium.com/monorepo-lerna-yarn-workspace-%ED%81%AC%EA%B2%8C-%EA%B0%9C%EB%85%90%EB%A7%8C-%EC%9E%A1%EC%95%84%EB%B3%B4%EA%B8%B0-c58bc4ba31fe)

- [Lerna와 yarn-workspace를 활용한 Mono Repo (Typescript & Jest) 환경 구성하기](https://jojoldu.tistory.com/585)



## ComputerScience



- [Operating Systems: Three Easy Pieces - PDF](https://pages.cs.wisc.edu/~remzi/OSTEP/)

- [리눅스 기초](https://www.youtube.com/watch?v=tPWBF13JIVk&t=1s)

- [Linux Kernel Development](https://github.com/minnsane/TeachYourselfCS-KR)

- [동시성 , 병렬 , 비동기 ...](https://black7375.tistory.com/90)

- [오토마타 이론](https://m.blog.naver.com/bestowing?categoryNo=32)

- [모두를 위한 컴퓨터과학(CS50 2019)](https://m.boostcourse.org/cs112/intro)

- [Compiler](https://www.youtube.com/watch?v=MAG4ten4nAM&list=PLalDxVXf3NHertbSsvTLOLZz0T3FyCQnI)

- [UC Berkeley Computer Science](https://archive.org/details/ucberkeley-webcast-PL3E89002AA9B9879E?sort=-publicdate)

- [MIT OpenCourseWare - Computation](https://www.youtube.com/watch?v=nykOeWgQcHM&list=PLUl4u3cNGP63WbdFxL8giv4yhgdMGaZNA)

- [Introduction to Computer Networking Stanford University](https://www.youtube.com/playlist?list=PLvFG2xYBrYAQCyz4Wx3NPoYJOFjvU7g2Z)

- [Putting the “You” in CPU](https://cpu.land/)



## Tips



- [▲15년 전의 나에게 해주고 싶은 프로그래밍 조언](https://news.hada.io/topic?id=15848)

- [오픈소스 기여 시작하는 방법 | 라인개발실록](https://www.youtube.com/watch?v=v4bFCpP9BWk)

- [슬기로운 오픈소스 생활 | 라인개발실록](https://www.youtube.com/watch?v=2lL2eRQch2o)

- [Open Source Guides](https://opensource.guide/)

- [오픈 소스(Open-Source) 구조와 모듈 파악하기](https://kdydesign.github.io/2020/10/19/open-source-flow/)

- [빠르게 배우는 NPM 패키지 생성부터 배포까지 완벽 가이드](https://kdydesign.github.io/2020/08/28/npm-tutorial/#npm-node-package-manager)

- [오픈소스 코드 분석하는 방법(존 슐린커트 형님의 is-number)](https://www.youtube.com/watch?v=3gXGMvRko5E)

- [직접 만든 라이브러리로 Next.js 페이지 메타 정보 관리하기](https://www.blog.kcd.co.kr/%EC%A7%81%EC%A0%91-%EB%A7%8C%EB%93%A0-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC%EB%A1%9C-next-js-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A9%94%ED%83%80-%EC%A0%95%EB%B3%B4-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0-4e71a830b41d)



- [Git-branchless](https://github.com/arxanas/git-branchless/wiki/Workflow:-divergent-development)

- [GitHub의 Merge, Squash and Merge, Rebase and Merge 정확히 이해하기](https://meetup.nhncloud.com/posts/122)

- [Better Model for Stacked PR](https://timothya.com/blog/git-stack/)

- [Github Advanced search](https://github.com/search/advanced)



- [경쟁력 있는 신입 포트폴리오](https://jojoldu.tistory.com/763)



- [Webstorm 단축키]()

- [Fedora Asahi Remix - 애플 실리콘 맥을 위한 가장 세련된 리눅스](https://news.hada.io/topic?id=12438)



- [스시 오마카세 리스트](https://github.com/738/awesome-sushi)



## ETC



- [GeekNews](https://news.hada.io/)

- [Hacker News](https://news.ycombinator.com/)

- [[Blog] cho.sh](https://cho.sh/ko/)

- [[Blog] edykim](https://edykim.com/ko/archives/)

- [[Blog] Josh W Comeau](https://www.joshwcomeau.com/)

- [[Blog] Development & Investing](https://itchallenger.tistory.com/)

- [[Blog] BlaCk_Log](https://black7375.tistory.com/)

- [[Blog] FlyingSquirrel](https://flyingsquirrel.medium.com/)

- [[Blog] 당근 테크 블로그](https://medium.com/daangn)



- [???: 국영수가 코딩보다 중요해요](https://blog.kurcreative.com/kur2008300326)

- [It's probably time to stop recommending Clean Code](https://qntm.org/clean)

- [주석에 욕설이 있는 코드는 욕설이 없는 코드보다 품질이 더 좋습니다.](https://news.hada.io/topic?id=9662)

- [개발자의 글쓰기 : Technical Writing #1](https://devocean.sk.com/search/techBoardDetail.do?ID=165343)



- [[GN#167] 프로그래밍 무료 학습 자료 모음 | GeekNews](https://news.hada.io/weekly/202238)

- [KOCW 무료대학공개강의](http://www.kocw.net/home/index.do)

- [KMOOC](http://www.kmooc.kr/)

- [프로그래밍 언어론](http://www.kocw.net/home/search/kemView.do?kemId=1331791&ar=relateCourse)



- ### C/C++

  - [모두의 코드 - 씹어먹는 C++](https://modoocode.com/135)

  - [Undefined Behavior](https://dev.alliknow.info/posts/2023/5/undefined-behavior)