nodejs-webpack
webpack모듈 번들러 install1$ npm install -g webpack set env1$ npm install babel-core babel-loader babel-preset-env babel-preset-react babel-preset-stage-0 --save-dev2$ npm install react react-dom --save se
Home
seminar-feconf02reduxsaga
Redux-SagaWhy Redux-Saga 관리하기 쉽고 테스트 쉽고 적당한 패턴으로 서비스 로직을 쉽게 만들수 있음 비동기 라이브러리 중 가장 핫함 Concept React: View Redux: Redux-Saga:Saga란 side effects 만 관리하는 라이브러리 Generator function과 콘셉트가 같다고 보면 됨한글번역이 있음
seminar-devfest2018.05
크로미움/블링크크로미움 소스코드만 13GB 빌드시간 3시간프로세스 구성process vs thread process: 메모리공간 독립적 thread: 메모리 공간 공유process 를 사용하는 이유 하나가 죽어도 safe 함 Site isolation 사이트별로 메모리 접근을 차단하여 보안성 높임프로세스 구성 Browser Process 외부와 소통(ex
seminar-devfest2018.04
TenserFlow on Backend Ai조만석 hephaex@gmail.com 인공신경망: 뇌의 생체모방단계 데이터 수집 가공 데이터로 학습 학습된 모델로 실제 서비스 일단 학습을 시키면 학습된 데이터를 가지고 사용이 쉽다텐서플로우케라스 케라스를 공부하면 텐서플로우도 쓰는 것 ML 오픈소스는 텐서플로우와 케라스가 대세직접 해봐야함 최대한 간단하게 할
seminar-feconf04
한편의 애니메이션 같은 CSSNaver 회연규
seminar-feconf01.미국개발자vs한국개발자
미국개발자 vs 한국개발자ken Huh(아마존) -> 질문있으면 Ken Huh 친추 개발자에게 중요한 것? 개발능력 개발능력은 비슷하나 영어능력이 차이 미국은 시스템을 기반으로 보완하는 체계협업책임감이 뛰어나고 타인의 부분에 영향이 가는부부을 민감하게 감지하고 만약 그렇다면 긴밀하게 의사소통 하는 사람 협업이 안되면 자기 자신이 잘못하고있고 고쳐야한
seminar-feconf04polifill
folyfill레진엔터 what 바벨을 많이 씀 code Trasform & folyfill중요한점컴파일된 바벨코드 앞에서 사용해야함효율적인 방법폴리필 브라우저를 확인해 유저단에서 필요한 폴리필만 확인하여 전달하는 역할을함
seminar-feconf03
ReactComponent와 D3 Object를 유기적으로 연결하는 전략박승현 eldeniyenden@gmaileldeni.github.io SVG 캔바스보다 느림 다루기 쉽고 확대해도 잘보임chart 라이브러리 chart.js c3.js rechars.js: 확장이 어려움 *d3.js: dom레벨, 큰 커뮤니티언제 선택을 하는가 데이터 시각화를 하고싶은데
seminar-gdg.01.why_type_script_with_clean-architecture
Why Typescript with Clean Architecture레이니스트 정유진(gpeddler@rainist.com) 거대한 웹 프로젝트를 경험하면서 느꼈던 문제의식과 결론 제품관점: 방대한 지식의 경우 어떻게 통제 협업관점: 올바른 관졈을 다같이 공유하는 것 개발환경 관점: 자바스크립트의 실수하기 좋은 환경Type safe한 언어Typescript
seminar-feconf06
From jQuery To React쏟아지는 업무를 거스르는 리팩토링 노하우 원티드 초기 구조스트랭글러 패턴을 이용한 리팩토링 스트랭글러 외관을 이용해 라우터 구현 부분부분씩 구현하여 대체함기술부채 코드를 이해할 수 없거나 받아들일 수 없는 상태해결방법 코드를 다수가 이해할 수 있는 방식으로 바꼬면 부채를 해결할 수 있다. 문서화 테스트 함수형 프로그래