React 개발환경 구축하기 1. CRA(Create React App) ; Babel, Webpack의 세팅이 이미 완료된 패키지 $ npx create-react-app # npx ; npm 5.2.0이상부터 함께 설치된 커맨드라인 명령어 + CRA 설치 파일 분석 src > index.js가 가장 먼저 실행 > index.html문서의 '#root'를 찾아 을 렌더시킴 import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); node_modules ; 설치된 노드 모듈 - package.json,package-lock.json에 설치된 노듈들에 관한 정보가 적혀있음..
React를 쓰는 이유 0. Component 기반의 UI라이브러리로, Component들을 만들어, 레고처럼 필요한 것들만 선택해 사용하면 됨 1. Virtual DOM을 이용하여 이전 페이지와 바뀐 부분들을 감지해 변화된 부분만 재 렌더링해줌 2. CSR방식을 채택하여 SPA(Single Page Application)구축을 가능하게 해줌 3. JSX문법을 사용하여 컴포넌트 별로 구성이 가능(Babel이 HTML문서로 변환해 줌) -> 재사용성이 좋아짐 4. 리액트로 웹을 개발하면 리액트 네이티브를 통해 앱 개발이 쉬워짐 5. 선언형 프로그래밍 방식임 ; 그냥 목적을 바로 말함 vs 명령형 프로그래밍 방식 ; 절차를 하나하나 다 나열해야함 ex) jQuery Virtual DOM ; UI의 이상적인 ..
React - HTML,CSS,JS도 모두 JS화 해버리자 - 라이브러리. 기능이 비교적 간단함 - 타입스크립트 지원 - 단순한 컴포넌트 정의의 용이함 - 더 빠르고 담대한 개선 - 커뮤니티가 더 큼 + 회사가 더 많고, 사람이 더 많음 Vue - HTML,CSS,JS특징들을 각각 살려 편하게 만들자 - 프레임워크. 기능이 이미 갖춰져 있음 - 코드가 더 깔끔함 더보기 현직 vue.js 개발자인데요 구직사이트들 보면 리액트 구하는 곳이 훨씬 많아서 리액트도 틈나는대로 공부하고 있어요 하지만 vue.js를 쓰는 곳으로 갈 수 있다면 그 선택지를 고르고 싶습니다 저는 리액트와 뷰 둘다 하는 개발자입니다. 확실히 어떤 프로젝트에는 리액트가 더 적합하고, 어떤 프로젝트는 뷰가 더 적합하다고 느낄때가 많아요. 저..
웹 개발자 연봉 글로벌 / 미국 평균 연봉 백앤드 개발자 ; 9500~ / 1.3억~ 프론트앤드 개발자 ; 1억~ / 1억 1천~ 풀스택 개발자 ; 1억 1천~ / 1억 2천~ - 날이 갈수록 웹개발자 수요 많아지는 중 프론트앤드 개발 순서 1. Basic Tools ; 개발 툴 공부 - 컴퓨터 - Text Editor(VS code, Intellij, Atom, Sublime Text 등) 필요 - 브라우저(Chrome, Edge, Safari, Firefox) - Terminal(Powershell, Bash, zsh) 2. Front-end - HTML HTML Tags, Page Structure, Semantic Tags(어떨 때 어떤 태그를 쓰는것이 의미 있는지), SEO(특정한 키워드로 네이..
자체서비스가 IT기반 O ex) 네이버, 배민, 쿠팡 - 보통 가려 함 - 신입이 들어가면 바로 개발을 할 수 있게 공부를 시켜줌 -> 직접 개발 자체서비스가 IT기반 X ex) 삼성, LG 현대자동차, SK, 은행 - 직접 개발 x - 신입 한명한명이 PM(Project Manager)인 것임 # PM이 하는 일 ; 시간과 원가, 그리고 품질 (Scope)을 관리하여 제한된, 또는 약속된 날짜에 프로젝트를 완료하고 예산을 준수하며 합당한 품질 기준을 맞추는 것 자체서비스 X ex) SI업체, 웹 에이전시 SI업체 ; 기업이 필요로 하는 정보시스템에 관한 기획에서부터 개발과 구축, 나아가 운영까지의 모든 서비스를 제공하는 일을 하는 업체 - 안좋은 시선으로 보기도함 - 하청업체로, 남의 일을 해줌 -> ..
게임 개발자 게임 개발자는 윈도우, Mac OS, 안드로이드, IOS와 같은 다양한 환경에서 게임을 제작한다. 프로그래밍은 물론 비디오, 애니메이션, 오디오에 관해서도 알고 있어야 한다. 본인이 비디오 분야를 맡을 수 도 있는 거고 3D 렌더링 작업을 맡을 수도 있다. 게임 개발을 위해 개발 툴도 선택해야 하는데 유니티, 언리얼 엔진 등등 다양한 툴이 있는 만큼 선호하는 툴도 다 다르다. 소프트웨어 개발자 소프트웨어 개발자는 주로 앱 개발을 한다. 금융 앱, 교통 앱, 배달 앱 등등 개발 분야가 너무 다양하다는 특징이 있어서 소프트웨어 개발자의 수요 또한 엄청나다. 소프트웨어 개발자가 되기 위해서는 윈도우, Mac OS, 리눅스 등의 운영체제를 알아야 하고 C, 자바, C#, C++ 등 많은 개발언어를 ..
앱과 웹 "웹과 앱. 배우는 내용은 완전 다르고, 다른 분야로 옮겨가는 것이 쉽지 않음 지금은 당장 어느 것 하나를 정하기보단 습득력이 빠른 것부터 시작하는 것이 조금 더 좋았습니다." "한번취직하고나서는 종목을 바꾸기 쉽지 않습니다 개발을 시작하시는분들은 앱은 앱이고 웹은 웹이지 무슨소리냐고 그거만 잘하면 되는거 아니냐고 할수 있는데 개발자도 회사의 업종마다 쓰는 스킬차이가 엄청나게 나고 쓰는 스킬이 범용적으로 쓰는 회사를 가야 이직이 편합니다 근데 이게 앱보다는 웹개발이 훨씬 범용적이라는거죠. 이쪽업계는 이직하려면 이미 이직하려는 회사가 필요로 하는 스킬이 이미 거의 다 있어야해요 내가 전에 다니던 회사에서 커리어가 아무리 좋아도 이직하려는 회사의 스킬과 내가가진 스킬이 겹치지 않으면 쉽지 않아요 그..
장점 1. 취업이 잘된다. - 단순 코딩만 잘해도 어딘가엔 취업 가능 - 국비지원IT학원 수료하면 SI업체 어디든 갈 수 있음 BUT 대우가 별로임 -> 비전공자에게 추천 - IT인재 수요에 비해 공급 부족 -> 실력만 있다면 좋은 직장 얻을 수 있음 2. 서울에서 근무 가능 -> 판교.. 꿈의 직장 3. 창업에 유리 아이템 대부분 웹/앱으로 구현한다. 외주를 주든, 개발자를 채용하든 비용이 상당 늘어남. 개발자 공동창업 혹은 본인이 직접 만드는게 가장 좋음 사업 실패의 경우, 취업에도 유리. 포트폴리오가 됨! 본인의 아이디어를 스스로 구현할 수 있다는 커다란 메리트 4. 해외 비자 획득이 쉬움 SW개발자는 미국 취업비자 타전공대비 약 7배 유리 5. 학벌/전공/나이 차별 X ; 실력만 봄 6. IT..
