vue.js 를 활용한 웹 앱개발자 과정을 국비지원으로 듣게 된 비전공자입니다.

Question

제목과 같이 vue.js 를 활용한 프로그레시브 웹 앱(PWA) 개발자 양성 과정을 국비 지원으로 듣게 되었는데 아직 강의 시작 전까지 시간이 좀 남아서 본격적인 강의에 들어가기 전 비 전공자인 제가 강의를 따라갈 수 있을까? 라는 의문이 들어 학원에도 문의를 드려보았으나 그냥 일단 들으시라는 말과 내가 열심히 하면 따라갈 수 있다 많이 발전할 수 있다는 말만 듣게 되었습니다. 제가 물어본 것은 비 전공자인 내가 위 과정을 원활히 따라가기 위해 기본으로 알고 있으면 좋을 또 기초를 만들어 줄 그런 공부를 미리 해두고 싶은데 이 기본을 어디서부터 시작하는게 좋을 지 또 어떤 것을 미리 배워두어야 강의를 따라가는데 도움이 될 지 또 어디서 배우고 vue.js라면 무엇을 이용해서 배우는게 좋을 지 궁금합니다. 도와주세요 ㅠ

이국범 · Accepted Answer

다소 편향된 시각으로 답변 드리겠습니다

1. ChatGPT 유료 버전을 가입합니다
-> 제일 중요한 부분입니다. 공부하는 사람에게 필수입니다

2. 윗분 말씀대로 자바스크립트를 공부합니다
https://www.youtube.com/watch?v=P0FY8k916e0&list=PLZKTXPmaJk8JDicsOyY2cTcwXmBa-ZceI
일단 위의 초급강좌 두바퀴 돌려보세요
보면서 모르는 내용이 나오면 공책에 헷갈리는 개념을 다 적습니다
그걸 ChatGPT한테 물어봅니다 (GPT-4 버전의 답변이 더 정확합니다)
그러면 ChatGPT가 답변을 할텐데 그 답변 중에서 잘 모르는 개념이 또 나옵니다
그걸 공책에 다시 적고 또 물어봅니다
이걸 무한 반복해서 모르는 용어가 없도록 만듭니다 
(초보 단계에서 개념은 살짝 헷갈려도 좋습니다. 일단 모르는 용어가 없어야 합니다)

3. 초급강좌 두바퀴 돌리셨으면 중급 강좌로 갑니다
https://www.youtube.com/watch?v=ocGc-AmWSnQ&list=PLZKTXPmaJk8JZ2NAC538UzhY_UNqMdZB4
초급 강좌에서 했던것 처럼  모르는 개념이 나오면 공책에 헷갈리는 개념을 다 적습니다
그걸 ChatGPT한테 물어봅니다

4. 위의 강좌가 잘 맞지 않는 거 같으면 다른 강의를 찾습니다
시중에 강의 많습니다. 잘 맞는거 찾아보세요
초보자 기준으로 드림코딩, 코딩 알려주는 누나, 코딩애플 등이 좋을 수 있습니다
강의력 기준으로 알려드린건 아니고 말투가 덜 딱딱하여 완강하기 쉽습니다

5. 학원에서 수업 들을 때
모르는 개념 나오면 공책같은 곳에 적어놓고 ChatGPT에게 물어봅니다
그리고 강사분한테도 물어보세오. 꼭 물어보세요. 
누군가에게 눈치보지 않고 물어볼 수 있는 기회 흔치 않습니다

ps. 학원 너무 믿지 마세요. 취업 책임져주지 않습니다
(신입 기준으로) 요즘 경쟁 과열되어서 쉽지 않습니다. 밥먹고 코딩만 하세요

https://github.com/baeharam/Must-Know-About-Frontend
https://github.com/junh0328/prepare_frontend_interview
https://github.com/Esoolgnah/Frontend-Interview-Questions

위의 링크 보시면서 계속 공부하세요
모르는 거 있으면 학원 강사분께 계속 물어보세요. 최대한 이용하세요

그리고 학원 다시 알아보실 수 있으면 vue.js말고 react.js로 알아보세요

프레드윰 · Answer

우선 자바스크립트 기초부터 공부해보세요.
뷰나 리액트 하기전에는 자스 기초 모르고 따라했다가는 너무 힘들고 어려워서 쉽게 포기할 수 있어요.
유튜브나 인프런 인강 사이트에서 자바스크립트 기초 강의 들어보세요.

오원종(Owen) · Answer

윗 작성자님이 답변 주신 것처럼 자바스크립트 언어에 대한 기본 이해가 선행 되어야 합니다. 추가적으로 브라우저, 웹 생태계, 기본적인 네트워크와 운영체제에 대한 이해도 필요합니다. 이러한 CS 기본기가 잘 갖춰지면 이후에 Vue.js를 배우든지, React.js를 배우든지 어떤 라이브러리를 배우는데도 문제가 없습니다.

커리어리 AI 봇 · Answer

강의를 시작하기 전에 미리 준비할 수 있는 것들이 몇 가지 있습니다. 아래의 항목들을 차근차근 따라가면 강의를 더 원활하게 이해할 수 있습니다.

1. HTML, CSS, JavaScript 기초
웹 개발의 기본이 되는 HTML, CSS, JavaScript에 대한 기본 지식을 습득해야 합니다. 웹 페이지의 구조, 스타일링, 동작을 이해하는 것이 중요합니다. 인터넷에서 무료로 제공되는 강의나 자료를 찾아 공부할 수 있습니다.

2. Vue.js 공식 문서 읽기
Vue.js 공식 문서(https://vuejs.org/)는 굉장히 잘 작성되어 있으며, Vue.js의 기본 개념과 사용 방법을 설명합니다. 공식 문서를 읽어보면서 Vue.js의 기본 구조와 문법을 익히세요.

3. Vue.js 관련 강의 및 튜토리얼
Vue.js에 대한 강의나 튜토리얼을 찾아보세요. YouTube, Udemy, Coursera 등에서 무료 또는 유료 강의를 찾을 수 있습니다. 강의를 들으면서 실제로 작은 프로젝트를 만들어보면 도움이 됩니다.

4. 자바스크립트 ES6+ 문법
Vue.js는 최신 자바스크립트(ES6 이상) 문법을 사용합니다. 이에 대한 이해가 필요하므로, let, const, arrow function, async/await 등의 문법을 배워두면 좋습니다.

5. Node.js와 npm
Vue.js 프로젝트에서는 Node.js와 npm을 사용하여 패키지를 관리하고 개발 서버를 실행합니다. Node.js와 npm의 기본 사용법을 익히는 것이 중요합니다.

6. Vue CLI
Vue.js 프로젝트를 시작할 때 Vue CLI를 사용하여 프로젝트 구조를 생성합니다. Vue CLI의 사용법을 익혀두면 프로젝트 시작 시 도움이 됩니다.

위의 사항들을 차근차근 공부해 나가면 강의를 더 원활하게 이해할 수 있습니다. 비 전공자라도 열심히 공부하고 질문하며 차근차근 나아간다면 충분히 강의를 따라갈 수 있습니다. 학습에 성공하기를 기원합니다!