javascript 이후 개인 공부 시작..
개발자 시절 웹개발 옛날 자바스크립트(2000년대 초) 기반의 개발을 하고 지금은 관리직 종사중인데요.
개발을 다시 좀 시작하려고 합니다.
트렌드에 따라 가려면 어떤 부분부터 시작을 해야할까요??? (개인 프로젝트를 시작하려합니다.)
코더분들 다시 공부할때 봐야하는 책이나 아니면 어떤식으로 접근해야할지 추천좀 부탁드려요 ㅠ
안녕하세요.
자바스크립트는 이미 많이 찾아보셨을거 같아서 파이썬의 사례를 들었습니다.
(참고로 아래 사이트에서 제일 마지막을 빼면 모두 javascript도 제공을 하고 있습니다.)
저는 책도 좋지만 웹사이틀르 추천드립니다.
https://www.tutorialspoint.com/python/index.htm파이썬의 사례이지만 다른 언어들도 여기서 보실수 있습니다.
그리고
https://www.hackerrank.com/dashboard여기에서는 문제풀이 방식으로 공부하실수도 있고 linkedin에 넣을수 있는 certificate시험을 공짜로 볼수도 있습니다.
중간에 그냥 공부만 해서 심심하실때 문제풀이겸 해보시면 좋습니다.
혹은
https://docs.python.org/3/이렇게 배우고자 하시는 언어 사이트에서 제공하는 문구를 하나씩 보시는 것도 방법입니다.
그리고 워밍업으로 (javascript) 아래에 사이트에서 마음에 드시는 것을 골라서 한번 만들어 보시는 것도 좋을 것 같습니다.
https://skillcrush.com/blog/projects-you-can-do-with-javascript/개인프로젝트에서 좋은 결과 있으시길 기대하겠습니다. 하시면서 궁금하신건 종종 질문 올려주세요!
아직도 자바스크립트 많이 쓰죠.
웹개발에 있어서는 필수죠.
웹개발할려면 jsp, java 도 같은 프로그램을 배우시면 좋으실꺼 같네요.
java는 안드로이드 개발에서도 사용되니까 배워두시면 도움이 많이 될꺼에요.
유튜브나 네이버 같은 포털에서 검색해보면 많이 강의들이 있습니다.
책보다는 유튜브 강의 같은 걸 추천 드려요.
책보다는 아무래도 접근하기도 쉽고 나중에 어느 정도 되시면 책으로 심화학습을 하시면 될듯하네요. .^^
안녕하세요 현업 프론트엔드 개발자입니다.
javascript로 개발하고 있구요.
웹개발로 자바스크립트를 다시 시작하신다니 환영합니다!
일단 개발을 해보셨다니 기초적인 자바스크립트 학습은 따로 필요 하지 않을 거 같습니다.
그래도 혹시 부족하다 생각하시면 자바스크립트 입문 책을 아무거나 구매하셔서 챕터마다 나와있는
실습을 빠르게 진행하여 복기 하시면 될 거 같구요.
2번째 단계로 자바스크립트 표준화를 위해 만들어진 ecma 스크립트를 공부하시면 됩니다.
최신 ecma 관련서적이나, 인터넷 강의를 통해 하나하나 실습하시는걸 추천드립니다.
ecma 스크립트란? 위키백과 : https://ko.wikipedia.org/wiki/ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8
ecma에 포함되어있는 여러 기능과 코딩규칙을 익히신다면 트렌디하고 편리하게 코딩하는데 큰 도움이 될 거에요.
3번째 단계로
2단계까지 진행하셨다면 이제 javascript에 대해 어느정도 익숙해 졌으니, 개인 프로젝트를 진행해 보는것이 좋겠습니다.
아무것도 없는 무 상태에서 하나하나 만들어 가는 거 보다는 현재 많이 사용하고있는 javascript 프레임워크를 사용하시는걸 추천합니다.
Vue, ReactJs, Angular 이 3개가 제일 많이 사용하는 프레임워크이며 개인적으로 초보자가 접근하기엔 Vue 가 좋다고 생각합니다.
(러닝커브가 낮아 접근하기 쉽습니다.)
그럼 응원하겠습니다!
Javascript 경력이 있다면 기본적인 Vanilla JS 문법 이해도가 있으실텐데요.
트렌드와 시장 안정성을 고려한 keyword들을 정리해드렸습니다.문법(언어)
MS에서 제공하는 언어로 Javascript의 난해한 문법을 좀 더 명확하게 설계하여 웹개발을 수월하게 만들었습니다. VS Code를 비롯한 다양한곳에 쓰이며 최근 많은 개발자에게 관심받고 있는 언어입니다. TypeScript를 익힌다면 Javascript로 코딩을 하셔도 좀 더 안정적인 코드를 구상하게 될 것입니다.후술할 React에서 사용되는 Javascript 문법입니다. script와 html이 혼용된 첫모습은 혼란을 일으키겠지만 두 코드를 한번에 구현한다는 점은 효율성과 가독성 그리고 코드품질 유지에 매력적인 이점을 남길 것입니다.프레임워크 & 라이브러리
Facebook에서 제공하는 Javascript 라이브러리이자 프레임워크입니다. 웹개발은 물론, Window와 Mac을 위한 Desktop 개발을 원한다면 Electron(Slack, Atom에서 사용된)을, Android와 iOS개발을 원한다면 React Native(Instagram, Facebook에 일부 사용된)로 확장성있는 구현을 가능하게 합니다.Vue는 HTML에서 작성하는 Template형태로 기본적인 웹개발 지식으로도 빠르게 제작을 할 수 있습니다. Jquery같은 라이브러리에서 필요 기능을 호출해본 경험이 있다면 비슷한 느낌일 것이에요. 일부기능은 React보다 속도가 빠르며 Template 과 Render(version 2.x)의 지원으로 상황에 따라 더욱 용이할 것입니다.*다양한 기기와 OS에서 대규모 프로젝트들 원하신다면 React, 빠르게 구현이 가능한 라이브러리 형태는 Vue
Tutorial
개인적으로 새로운 프레임워크&라이브러리의 입문은 교재로 추천드리지 않습니다.
Document에서 자세한 설명이 나와있으며 API Reference를 참고하는 습관은 언젠가 들여야 하기 때문이죠.
다행이 React와 Vue는 한글화도 잘되있어 공식 KR홈페이지를 추천드립니다.
요즘은 또 트렌드가 돌고 돌아 자바스크립트 기반의 프레임워크들이 많이 나왔습니다.
node.js, angular.js,
react.js, vue.js 등등등...
하시던 기반이 있다면 옛기억을 다시 살려 또 공부해보시는 것도 좋을것 같습니다.
개인적으로는 node.js 추천드립니다.
https://www.opentutorials.org/course/1
가장 유명한 초심자 가이드 생활코딩 사이트입니다.
같은 이름으로 페이스북 페이지에서 많은 개발자들이 신규 개발자를 위하여 조언 및 실질적인 도움을 주니 활용하시면 아주 좋습니다.
유,무료 프로그래밍 강의가 정리되어있는 인프런 사이트 입니다.
이벤트 등으로 유료강의를 저렴하거나 무료로 제공하는 경우도 많고 강의 질이 생각보다 매우 좋습니다.
유저들끼리의 각종 Q&A, 테크에 관련한 것들이 잘 올라오는 커뮤니티 오키 입니다.
관련하여 괜찮은 무료 강의들에 URL이 올라오는 경우도 많습니다.
https://programmers.co.kr/learn/challenges?language=javascript
많은 기업들이 실제 채용에도 반영하는 코딩테스트 및 강좌가 개설되어있는 프로그래머스 입니다.
기본적으로 강좌도 좋지만 실제로 알고리즘을 접목한 문제를 풀어볼수있는 환경을 잘 제공해줍니다.
구름 IDE 로 유명한 구름에 코딩테스트 도구입니다.
사용자가 직접 알고리즘 문제를 만들어서 게시한다던가, 구름IDE와 접목하여 실시간으로
다른 인원들과 채팅하며 코딩을 가능하게 해줍니다.
영어로 짧고 가볍게 들어보고 싶으시다던가.
페이스북, 트위터 등을 실제로 똑같이 만드는 "클론코딩" 등이 해보고 싶으시다면
https://academy.nomadcoders.co/
노마드코더 에서 강의를 들어보시는걸 추천드립니다.
위에 말씀드린 사이트들을 활용하시어 공부하시면 많은 도움이 되실것으로 보입니다!^^
안녕하세요! 현재 현업에서 개발로 먹고 살고 있는 개발자 입니다.
개발언어의 트렌드는 당연 자바, 파이선이 대세인 듯 합니다. (다른 언어도 충분히 많이 사용되고 있지만 채용 기준)
실제 회사들의 개발 트렌드가 궁금하시면, 채용공고를 주요회사들 위주로 살펴보시길 추천 드립니다. (원하는 언어가 적혀있음)
제가 신입사원들 교육하면서 가장 크게 효과본 것은 책을 보라는 것도 아니었고 실전을 바로 경험하게 하는 것이었습니다.
개인적으로는 책으로는 이론, 개념정도만 빠르게 잡으시고 적당한 사이트를 클론 해보시는걸 추천드립니다.
업종별로 몇가지만 따라 잡아보시면, 개발 속도도 금방 늘고 추후에 기능 포트폴리오로 다듬어 두셔도 됩니다.
* 개인프로젝트를 하신다면, nodeJS, php 언어도 추천드려봅니다. 저 역시 자바 성애자이지만, 앞선 두 언어가
조금 더 빠르고 환경설정을 덜하고 구축할 수 있습니다. 요즘은 유튜브에도 강의가 넘쳐나서 무료로 쉽게 이용할 수 있습니다.
좀더 체계적인걸 원하시면 유데미에서 적절한 레슨 콘텐츠를 찾아보실것을 추천드립니다.
2000년 초반에 Javascript를 하셨으면 ES3 정도 하셨을텐데 이후 Javascript는 많은 변화와 버전이 나왔기 때문에 먼저 ES6(ES2015)부터 Javascript를 다시 보길 추천드려요. 기본적으로 javascript, html, css를 보시는게 좋을 것 같구요.
ES6가 가장 많은 변화를 이루었고 이후에도 ESMAscript는 점차 발전되었으니 ES6부터 진행하시면 될 것 같네요.
ES6를 얼추 익히셨다면 이후 Framework를 하나 선정하여 스킬을 습득하는게 좋습니다. Framework에는 많이 사용되는 React, Vue, Angular가 있으며 이 이외에도 많은 Framework가 있으니 훑어 보시고 선택하는 것이 좋을 듯합니다. 러닝커브가 가장 낮은 건 Vue이고 이전부터 지금까지 많이 사용되는 추세이니 많은 도움이 될 것입니다. Document도 한글로..(업데이트가 좀 느린 부분은 있습니다만..)되어 있으니 접하기 쉬우실 꺼예요.
React를 선택하셨다면 scaffolding Framework인 Next를, 그리고 Vue를 선택하셨다면 Nuxt를 보심이 좋구요.
이후 Framework를 선정하고 익히셨다면 여러 기술들을 습득하는게 좋습니다. nodejs 또는 NPM 또는 Yarn을 통해서 node module을 설치하는 방법을 익히 시고 build를 위한 도구인 webpack, parcel 등 여러도구를 익히시면 됩니다.
개발 툴은 무료툴이며 많이 사용하는 vscode나 atom 을 사용하시면 되고 개인 프로젝트를 하신다 하셨으니 github에 repository를 생성하여 사용하시면됩니다.(git 확인)
자바스크립트를 어떻게 사용하느냐에 따라서 조금 나뉘어 질거 같습니다. 우선 프론트 영역으로는 vue.js 하고 react 가 현재 가장 우세합니다. 입문용으로 하시고 싶으시면 vue를 추천드리고 자바스크립트를 조금 다룰줄 알고 전문적으로 하고 싶다고 하면 react를 추천드립니다. 둘의 가장 큰 특징은 가상돔 렌더링과 컴포넌트 기반입니다.
그리고 백엔드 영역으로는 node.js 가 있습니다. 최근에는 javascript가 백엔드 영역까지 넘어오고 있습니다. PC 애플리케이션을 만들고 싶으시다면 electron 같은걸 사용하시는 것도 좋습니다. 일렉트론으로 슬랙이나 vscode 등과 같은 툴을 만드실 수 있습니다. 물론 자바스크립트 기반의 언어입니다.
그리고 어느정도 다룰줄 안다 싶으시면 그때는 자바스크립트에 대해 다시 공부하셔야 합니다. 프로토타입부터 체인상속 ES6, ES5 문법 등 그리고 각 브라우저별로 어떻게 다른지도 고려해야 하고 CSS 도 공부를 하시면 그 이후에는 수월하게 만들고 싶은걸 하실수 있을겁니다.
안녕하세요 ^^
현직 프론트 개발자 일을하며 Front 스터디 모임을 운영중입니다.
기본적으로 JQuery를 쓰지 않은 순수
vanillaJS(http://vanilla-js.com/) 기준으로 공부하시는걸 권장드립니다.
자바스크립트 ECMA6(https://www.w3schools.com/js/js_es6.asp)을 시작으로
SPA(Single Page Application) Javascript프레임 워크중 ex) Angular , ViewJS
중 하나로 간단한 ToDo App 완성 하신다는 생각으로 공부하시면 ,
Node, 비동기처리, Model바인딩, 리액트 등은 자연스럽게 접하실 수 있습니다.
난이도는 ViewJs가 처음접근성이 쉬운편에 속하며,
Angular (https://angular.io/) / ViewJS(https://kr.vuejs.org/v2/guide/index.html)
이 두개중 추천드립니다.
이후에 모듈처럼 붙여가며 Js기술들을 확장해 나가시면 됩니다.
감사합니다.
2000년년대 초에 웹개발을 배우셨다면 HTML5에 익숙하시지 않을거라고 생각됩니다. 또한 ES6 이후의 모던JS는 새로운 문법이 굉장히 많이 추가되었습니다. 따라서 질문자님은 먼저 HTML5와 CSS3, 그리고 ECMAScript에 익숙해지시는걸 추천드립니다. 그리고 요즘 개인프로젝트중 상당수가 SPA 프레임워크/라이브러리를 차용하는 추세라서, 뷰(Vue)나 리액트(React)같은 JS 라이브러리도 배우시면 좋습니다.
그리고 자바스크립트의 정적타입컴파일러인 타입스크립트(TypeScript)로 배우시는편이 좋을것같습니다. 또한 Git으로 버전관리 하는 방법, CI/CD로 자동화 하는 방법도 익혀두시면 도움이 크게 될겁니다.
(HTML5 => CSS => 모던JS => SPA프레임워크 => TypeScript => nodeJS) + Git 사용법
안녕하세요?
javascript 로 개발하는 개발자입니다.
일단 현재 javascript 는 2000년대 초에 비해 사용할수 있는 방안이 엄청나게 늘어났습니다.
예전에는 웹에서 도우미 정도의 역활이었다고 한다면 현재는 하나의 웹이나 앱 프로젝트가 javascript 로 시작해서 javascript 로 끝낼수 있을정도입니다.
그리고 가장 인기있는 개발언어 1위에 뽑히기도 했습니다. 또한 제가 생각하기로 웹 / 앱 / 백엔드를 하나의 개발언어로 할수 있는 유일한 언어가 아닐까 싶습니다.
일단 현재 프론트와 백엔드 로드맵을 보시고 필요한 기술스택을 조금씩 알아가셔야 할듯 싶습니다.
프론트 로드맵 : https://roadmap.sh/frontend
백엔드 로드맵: https://roadmap.sh/backend
로드맵에서 보라색으로 표시되있는 필수적으로 아셔야 될것 같습니다. 로드맵만 보면 많이 복잡해 보이지만,
처음에는 조금씩 이런게 이렇구나 정도로만 알고 넘어가시고 만드시고자 하는 개인 프로젝트에 집중하시면 좋을듯 합니다.
흠.. 전체적으로 한번에 쉽게 배우실려면 책도 좋습니다만, 요즘 기술들이 너무 빨리 업그레이드 되서 책 내용이 빨리 도태되는 문제가 있습니다.
개인적으로 '리액트를 다루는 기술' 추천드립니다. 책의 저자이신 김민준님 유튜브에 가시면 배울 내용도 많고 github 에 가면 민준님이 만드신 개인 프로젝트가 전부 오픈되어 있어서 소스를 뜯어보다 보면 많은것을 배우실수 있습니다.
민준님 github : https://github.com/velopert
민준님 유튜브: https://www.youtube.com/channel/UCmMgRlN-3GKQ_CH7cOtLdvg
즐겁게 코딩하세요~
자바스크립트 공부하셨다면, 다시 문법부터 보면 되겠습니다.
프로그래밍에 익숙해지려면 코딩 관련 문제를 풀어
조건문, 반복문, 함수 활용에 익숙해지는 것이 좋습니다.
이후 자바스크립트 베이스인 nodejs 등으로 개인 프로젝트 진행하면 됩니다.
간단한 예시로는 ToDo List를 만들어보는 작업 해볼수있습니다.