유튜브를 검색하면 개발 튜토리얼 강좌를 손쉽게 찾을 수 있습니다. 유데미(udemy)를 이어 가장 많이 찾는 곳인데, 오늘 생각없이 "클릭-클릭" 하던 중 유익한?! 동영상을 발견해 여러분과 공유하려고 합니다.
내용은 "최소한 프론트개발자 라면 이런 스킬(skill)쯤은 있어야 하지 않을까?..'입니다. 원제목은(검색어) "Do you have skill to be a Front-End Developer?"입니다.아래 검색 링크 남겨뒀습니다.
영상은 프론트 개발자가 되기 위해
A.적어도 반드시 해야하는,
B.배워도 좋은,
C.배우면 안되는,
이렇게 카테고리를 나눠 설명하고 있습니다.
"개발을 공부하는 입장"에서 무엇을 공부하고 집중해야하는지 도움이 될 꺼라 생각합니다. 특히 "Must Not"부분은 사람마다 생각하는 중요도가 다르기 볼 수 있기 때문에 동영상에 나온 대사 그대로 작성했습니다. 작성된 내용이 원작자의 그것과 다르거나 혹 기록하지 못한 부분이 있다면 답글을 부탁드립니다.
[현재 기준:2018.10월~]
[1] ES6
let, const vs var / closures / classes/prototype
promise (fetch API, async/await) / arrow function / module(import/export) / template strings / spread operator
[2] git & github
[3] npm/yarn(JSON)
[4] Linux
[5] WebPack
[6] css(DISPLAY, POSITION, Z-INDEX, FLEX BOX/CSS GRID)
[7] framework ( REACT or ANGULAR or EMBER or VUE whatever)
[1] svg , canvas
[2] gulp / grunt
[3] service worker(PWA)
[4] TEST FRAMEWORK- Jasmine, mocha, protractor
[5] Mobile Development
(*사람마다 보는 가치가 다르니 이해 부탁드립니다.)
[1] Older version of Javascript
[2] bootstrap -
"a lot of people might disagree with me on bootstrap but its time to move on from a bootstrap and use flex or something"
참고하면 좋을 댓글
"Using Bootstrap to avoid investing time to learn CSS is not an option, because until you understand the core properties of CSS, you cannot leverage the bootstrap classes to its best.
The best use case of using bootstrap is if you are on a very tight deadline and you want to build something from scratch, no harm going that way.
Also latest Bootstrap is built on flex properties, so in terms of getting best out of it one should definitely learn pure CSS."
[3] jQuery
해당 이미지 출처 : http://edayan.info/javascript/this-keyword-in-javascript [글을 쓰게 된 계기] 이 글은 함수 호출방식에 따른 this값 리스트(정리)가 아닌,this 키워드 자체에 집중한 글이다.this(객체)를 이야기하려면 함수호출식을 말하게 되고, 실행 컨텍스트와 OOP를 다루게 된다.이를 통...
비동기/동기에 대한 정의와 콜백함수,콜백지옥을 거쳐 Promise가 도입된 이유 그리고 간략히 Async Await까지 순서대로 정리하려고 합니다. 코드 보다는 개론적인 의미에 치중해 작성된 글입니다. Promise 를 공부하다 어떤 개념으로 어떻게 여기까지 오게 됐을까 궁금해 이 글을 작성하게 됐습니다. 동기(지금) VS 비동기(나중) >동기와 비동...
Webpack을 활용해 이미지(.png/jpg)처리 방법에 대한 튜토리얼을 작성하려고 합니다. 앞에 글에서 설명한 것 처럼, Webpack은 해당 파일에 처리하는데 대응되는 로더가 존재합니다. 많은 로더(loader)가 있는데, 그 중 file-loader를 활용해
유튜브를 검색하면 개발 튜토리얼 강좌를 손쉽게 찾을 수 있습니다. 유데미(udemy)를 이어 가장 많이 찾는 곳인데, 오늘 생각없이 "클릭-클릭" 하던 중 유익한?! 동영상을 발견해 여러분과 공유하려고 합니다. 내용은 "최소한 프론트개발자 라면 이런 스킬(skill)
webpack.png 'webpack을 공부하며 기록한 글 입니다. 이 글을 시작으로 보완해가면서 webpack4 튜토리얼을 정리하고자 합니다' Webpack 사용 이유 >다수의 파일을 서버에 매번 요청하는 것 보다는 하나의 파일로 작업하는 것이 웹 성능에 도움이 되고 파일 관리 측면에 효율성을 가진다 한다. Webpack의 구성요소 폴더...
오.. 이런 요약글도 신선하네요. 보통은 해외 글을 번역해서 많이 올리시던데 요약도 괜찮네요. 딱 참고할 내용만 있고...
A의 [4] linux는 어느 선까지 배우는 것이 적절한 것일까요..?