컨퍼런스 후기 썸네일형 리스트형 [2018 DevFest] DevFest Seoul 2018 을 다녀오며 DevFest-intro DevFest Seoul 2018 을 다녀오며 과거의 나 처음에 인터넷을 하다가 DevFest 가 개최한다는것을 보았다.컨퍼런스에 참여하기 앞서 드는 생각은 대학생인 나로써 과연 저 세션들을 이해할 수 있을까? 라는 것이다. 물론 대학생이라는것은 핑계인것 같고 내가 듣고 이해할 수 있는 능력이 되는가? 가 관건이었다. 2018년 1월에 처음 웹개발에 발을 들어서면서 친구의 권유로 vuetiful korea4 를 가게되었는데 이때는 경험삼아 가본것이었고, 되게 신기했다. 나와는 다른세상 같았다. 지금의 나 DevFest Seoul 2018 은 약 10개월이 지난 후의 내가 갔다. 내가 알아들을 수 있을까? 라는 의문보다는 이젠 세션에 대해서 어느정도 알아들을 수 있을 것같다! 라는.. [2018 DevFest] 모던 브라우저는 어떻게 동작하는가 ? - 방진호님 DevFest03 모던 브라우저는 어떻게 동작하는가 ? - 방진호님 Chromium 이란? 크롬 브라우저의 오픈소스 소스코드만 13GB 이고 iMAC 5K 기준 빌드시간만 3시간이라고 하심 ㄷ ㄷ 내부 동작을 알아서 뭐하나? 브라우저 및 웹 플랫폼 개발에 참여할 수 있다. 웹 표준 개발에 참여 프론트엔드 개발시 성능 향상에 도움이 됨 다양한 소프트웨어 개발 분야에 활용될 수 있음. Chromium은 Multi-Process Architecture 이다. Process 와 Thread 의 차이 Process 메모리 공간이 독립적 Thread 메모리 공간을 공유 크롬의 장점 Crash 가 발생해도 죽지 않는다. Site Isolation (OOPIF) Site Isolation 의 경우에는 예를들어 피싱 사.. [2018 DevFest] 실전 SPA상태관리 톺아보기 - 김동우님 DevFest02 실전 SPA상태관리 톺아보기 - 김동우님 SPA란 싱글 페이지 어플리케이션(Single Page Application) 의 약자로 전체 페이지를 새로 로드하는 대신 동적으로 현재 페이지를 다시 작성하여 사용자와 상호작용하는 웹 응용 프로그램 또는 웹 사이트 SPA 는 View Library 가 필요하다 Angular : google React : Facebook Vue : Evan You 다음은 라이브러리 및 프레임워크의 공통점 이다. 선언적 렌더링 virtual DOM 컴포넌트 기반 김동우 님은 React 를 더 좋아하시어 React 의 상태관리툴들을 살펴봅니다. State Management 가 필요하다. SPA 는 상태저장소가 없으면 컴포넌트 기반이기에 props 로 필요한 값들을.. [2018 DevFest] Chrome Devtools를 활용한 성능측정과 개선 - 한재엽님 DevFest01 Chrome Devtools를 활용한 성능측정과 개선 - 한재엽님 성능이란 UX다 무조건 빠른게 아니라 사용자에게 끊기는 느낌이 없도록 부드럽게 보여져야한다. 측정할 수 없다면 개선할 수 없다. 한재엽님이 생각하는 주관적인 성능에대한 짤막한 글이었습니다. 어떻게 측정할것인가? 어떻게 측정할 것인가에대해 RAIL 모델을 기반한다고 말씀하셨습니다. RAIL 모델이란? 사용자 중심 성능 모델로 요약할 수 있는데 RAIL 은 다음을 축약한 단어이다. 응답 : 100ms 이내에 응답 애니메이션 : 10ms 이내에 프레임 생성 유휴 : 유휴시간 극대화 로드 : 콘텐츠를 1000ms 이내에 전달 위와 같은 조건을 만족해야하지만 아쉬운점이 있다. 아쉬운점 귀찮다. 이슈를 발견해도 파악이 어렵다. 해결.. 이전 1 다음
