blog

KO | EN

gitlite — search

#hacktoberfest #typescript #llm #golang #android #deep-learning #linux #docker #macos #java #cli #awesome-list #ios #open-source

(★ 22,579)

심심해서 글을 쓰고 있습니다. 마음에 드신다면 star를 눌러주시고, 구독하고 싶으시다면 watch를 눌러주세요. fork는 절대로 하지 마세요!

blog 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 개인 블로그

star를 눌러주시고, fork는 하지 마세요.

> 어쩌면 지금 많은 기업과 팀이 프론트엔드 엔지니어링을 아직 중요하게 여기지 않을 수도 있고, 어쩌면 많은 이들의 눈에 프론트엔드 엔지니어링이 여전히 "빌드 도구"의 대명사일지도 모르며, 어쩌면 미래 프론트엔드 분야의 변화로 인해 모든 엔지니어링 문제가 근본적으로 해결될지도 모릅니다. 어쨌든 저는 다만 현재로서는 프론트엔드 엔지니어링 분야에서 보고 느낀 점을 진지하게 기록하고, 프론트엔드 엔지니어링 개선을 겪으며 이 과정으로 인해 고민하는 개발자들과 생각을 나누고 싶을 뿐입니다.

[프론트엔드 개발에서 겪는 각자의 엔지니어링 문제에 대해 함께 논의해 봅시다](https://github.com/fouber/blog/issues/8)

* 시리즈 특집
    * [프론트엔드 엔지니어링 - 기초편](https://github.com/fouber/blog/issues/10)
* 엔지니어링 잡담
    * [프론트엔드 통합 솔루션에 대한 단상](https://github.com/fouber/blog/issues/1)
    * [프론트엔드 엔지니어링과 성능 최적화](https://github.com/fouber/blog/issues/3)
    * [프론트엔드 개발 체계 구축 일지](https://github.com/fouber/blog/issues/2)
    * [프론트엔드 개발 체계와 모듈화 프레임워크](https://github.com/fouber/blog/issues/4)
    * [대기업에서는 프론트엔드 코드를 어떻게 개발하고 배포할까?](https://github.com/fouber/blog/issues/6)
    * [프론트엔드 자동화 테스트는 어떻게 진행할까?](https://github.com/fouber/blog/issues/7)
    * [md5 스탬프 계산 과정](https://github.com/fouber/blog/issues/5)
* 경력 개발
    * [프로그래머의 성장 경로](https://github.com/fouber/blog/issues/41)
* 예제 프로젝트
    * [php 버전 정적 리소스 관리 시스템 예제](https://github.com/fouber/static-resource-management-system-demo)
    * [모듈화 개발 조합 php 버전 정적 리소스 관리 예제](https://github.com/fouber/fis-php-md.js)
    * [java 버전 정적 리소스 관리 시스템 예제](https://github.com/fouber/fis-java-jsp)
    * [정적 리소스 캐시 제어 데모 프로젝트](https://github.com/fouber/static-resource-digest-project)
* 업계 실무
    * [프론트엔드 컴포넌트화 개발 실무](http://tech.meituan.com/frontend-component-practice.html) by Meituan 
    * [2015 프론트엔드 컴포넌트화 프레임워크의 길](https://github.com/xufei/blog/issues/19) by [@民工精髓](http://weibo.com/sharpmaster)
    * [프론트엔드 엔지니어링의 모듈화](http://fex.baidu.com/blog/2014/03/fis-module/) by [@沈洪顺](http://weibo.com/u/1916384703)
    * 프론트엔드 XSS 방화벽 시리즈 글 by [@ＥtherＤream](https://github.com/zjcqoo)
        * [인라인 이벤트 차단](http://fex.baidu.com/blog/2014/06/xss-frontend-firewall-1/)
        * [의심스러운 모듈 차단](http://fex.baidu.com/blog/2014/06/xss-frontend-firewall-2/)
        * [결점 없는 훅](http://fex.baidu.com/blog/2014/06/xss-frontend-firewall-3/)
        * [완벽한 방어](http://fex.baidu.com/blog/2014/06/xss-frontend-firewall-4/)
        * [출격 준비 완료](http://fex.baidu.com/blog/2014/06/xss-frontend-firewall-5)
* 클래식 도서
    * 《[High Performance Web Sites](http://book.douban.com/subject/2084131/)》（[고성능 웹사이트 구축 가이드](http://book.douban.com/subject/3132277/)）
    * 《[Even Faster Web Sites](http://book.douban.com/subject/3686503/)》（[고성능 웹사이트 구축 어드밴스드 가이드](http://book.douban.com/subject/4719162/)）
    * 《[High Performance Browser Networking](http://book.douban.com/subject/21866396/)》（[웹 성능 완벽 가이드](http://book.douban.com/subject/25856314/)）
* 클래식 아티클
    * [Best Practices for Speeding Up Your Web Site (야후 35가지 규칙)](https://developer.yahoo.com/performance/rules.html)
    * [Facebook 정적 웹페이지 리소스 관리 및 최적화](http://v.youku.com/v_show/id_XMjI5OTUxMjE2.html) [[PDF](http://velocity.oreilly.com.cn/2010/ppts/VelocityChina2010Dec7StaticResource.pdf)] by [@David Wei](http://weibo.com/weixiaoliang9)
    * [Facebook 모바일 인터넷 응용 프로그램 성능 최적화](http://v.youku.com/v_show/id_XMzUwOTQzMzA4.html) [[PDF](http://velocity.oreilly.com.cn/2011/ppts/MobilePerformanceVelocity2011_DavidWei.pdf)] by [@David Wei](http://weibo.com/weixiaoliang9)
    * [PageSpeed Insights 규칙](https://developers.google.com/speed/docs/insights/rules?csw=1)
    * [Mobile Analysis in PageSpeed Insights](https://developers.google.com/speed/docs/insights/mobile)
    * Optimizing the Critical Rendering Path for Instant Mobile Websites [[slides](https://docs.google.com/presentation/d/1IRHyU7_crIiCjl0Gvue0WY3eY_eYvFQvSfwQouW9368/present?slide=id.p19),[video](https://www.youtube.com/watch?v=YV1nKLWoARQ)]
    * Instant Mobile Websites: Techniques and Best Practices [[slides](http://storage.googleapis.com/io-2013/presentations/239-%20Instant%20Mobile%20Websites-%20Techniques%20and%20Best%20Practices.pdf), [video](https://www.youtube.com/watch?v=Bzw8-ZLpwtw)]
    * [Critical Rendering Path (핵심 렌더링 경로)](https://developers.google.com/web/fundamentals/performance/critical-rendering-path/)
    * [Optimizing Content Efficiency (콘텐츠 효율성 최적화)](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/?hl=zh-cn)
    * [Rendering (렌더링 성능)](https://developers.google.com/web/fundamentals/performance/rendering/?hl=zh-cn)
    * [How browsers work](http://taligarsiel.com/Projects/howbrowserswork1.htm)

웨이보 [@前端农民工](http://www.weibo.com/fouber)

blog

blog 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

blog

blog 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README