본문 바로가기

분류 전체보기

[blah blah] 2018년 회고 2018-review 🚶‍ 2018년 회고 한 해가 마무리 되어가고 있기에 내 자신을 되돌아보는 차원에서 회고를 하려고한다. 개발자에 대한 꿈을 갖고 1월부터 달려온 '나' 이기에 얼마나 성장했는지 무얼 했는지 학업 잘 마무리했는지 꿈은 변함이 없는지 주로 네가지 관점으로 회고하려고 한다.내가 존경하는 빈지노의 Always Awake 를 들으면서 써야겠다 ㅎㅎ 📝목차 1월 2월 3월 4월 5월 6월 7월 8월 9월 10월 11월 12월 굿바이 2018 1월 전과 개발자 되겠다고 마음을 굳건히 먹고 멀티미디어학과에서 컴퓨터소프트웨어학과 로 전과를 하였고 전과 확정이 났다. 친구들이 전과자라고 놀리기도 했고 배신자라고 놀리기도 했지만 후회하지 않는다.하여튼 인생에서 가장 중요한 결정을 내렸고 또 잘한 결정이..
[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 이내에 전달 위와 같은 조건을 만족해야하지만 아쉬운점이 있다. 아쉬운점 귀찮다. 이슈를 발견해도 파악이 어렵다. 해결..
[Git] Git 기초 첫번째 git01 Git 기초 첫번째 목차 Git의 특징 Git 기본 사용법 수정하고 저장소에 저장하기 수정하고 저장소에 저장하기 파일의 상태 확인하기 파일을 새로 추적하기 Modified 상태의 파일을 Stage 하기 파일 무시하기 Staged 와 Unstaged 상태의 변경내용을 보기 변경사항 커밋하기 Staging Area 생략하기 파일을 삭제하기 파일 이름 변경하기 마치며 Git 의 특징 1. 스냅샷 Git의 데이터는 파일시스템의 스냅이며 크기가 아주 작다. Git은 커밋하거나 프로젝트의 상태를 저장할 때마다 파일이 존재하는 그 순간을 중요하게 여긴다. Git은 성능을 위해서 파일을 저장하지 않는다. 단지, 이전 상태의 파일에 대한 링크만 저장한다. 2. 로컬실행 Git은 네트워크의 속도에 영향을 받지않..
[Web] Twitter 개발기 README Twitter Twitter 프로젝트는 Web Front-end 의 기술을 익히기 위해 진행한 프로젝트입니다. Twitter(트위터) 와의 저작권 문제가 생길 시 삭제 하도록 하겠습니다.각 폴더별로 README.md 파일이 존재합니다. Pages 로그인 페이지 가입 페이지 콘텐츠 페이지 프로필 페이지 반응형 폴더 구조 Twitter__source├── client/│ ├── build/│ ├── config/│ ├── src/│ ├── static/│ └── index.html│└── server/ ├── route/ ├── secret/ ├── service/ └── app.js기능 회원가입 로그인 팔로우, 언팔로우 이미지 업로드 트윗 수정 및 삭제 자기소개 작성 및 수정 회원 검색 반응형..
[etc] REST API 를 알아보자 REST_API REST API 알아보기 이 글에서는 REST API 가 무엇인지 알아보겠습니다. 목차 API 란? REST API 역사 REST 구성 REST 특징 REST API 디자인 가이드 HTTP Method의 알맞은 역할 HTTP 응답 상태 코드 API 란? API 는 Application Programming Interface 의 약자입니다. Interface 란? Interface 의 용어도 많이 접해볼 수 있는데 (예를들면 GUI, CLI) 간단히, 어떤 두개의 시스템 사이에 상호 작용할 수 있도록 접목시켜주는 하드웨어, 소프트웨어, 조건, 규약 등을 인터페이스라고 합니다. 컴퓨터와 상호작용을 하기위한 키보드, 마우스 등등의 장치는 사람을 위한 인터페이스입니다. 반대로 API 는 프로그램..

티스토리툴바