안녕하세요 선배님들! 미래 프론트엔드개발자 냉정한 조언부탁드리겠습니다.

Question

안녕하세요, 개발자 선배님들선배님들께 조언을 구하고자합니다. 저는 졸업 후 마케팅과 세일즈에서 근무경험이 있고 아마존US에 직접 사업경험을 하면서, 웹페이지나 어플에서 보여지는 이미지 구현 등을 직접해보고 싶어 프론트엔드 개발자로 전향 생각중에 있습니다. 학부생때 컴공 복전을 목표로 공부를 했지만, 취업이 우선이 되어버려 마케팅 근무를 하게 되었습니다. 저는 주로 이미 만들어진 결과(웹사이트)를 통해서 클릭률 전환율등 보고서를 작성하는 일을 담당했는데요, 조사할때마다 웹 사이트 디자인 등을 직접 수정해서 주도적으로 일해보고 싶다는 생각을 막연히 가지고 있었습니다.아마존 US에 헬스케어제품을 판매하면서, 쇼피파이를 이용해 웹사이트를 만들려고 했지만 드래그만으로는 제가 원하는디자인의 사이트를 만들기에는 한계가 있었습니다. 제가 가지고 있는 강점은 시각에 민감해서 디자인을 세련되게 만들 수 있는 장점이 있습니다. (실제로, 제가 만든 제품 상세페이지를 다른사람들이보고 사설업체에 맡겼냐고 물어본 적도 있습니다)프론트 엔드 개발자가 되고 싶다는 다짐은 이탈리아에서 최근에 인턴쉽을 마치고 시작하게 되었는데요, 해외 취업을 위해 전문적이면서도 앞으로도 계속 공부하면서 성장할 수 있는 직업을 가지고 싶다는 생각을 하게 되었습니다.목표는 디자인에 특화된(ux ui 베이스) 프론트엔드 개발자입니다. 현재는 해외유료강좌로 html css javascript react 기본기를 다지고 있는 중입니다.부트캠프를 이용해서 강좌를 들으려고 하는데, 이 과정을 토대로 캠프가 끝나고 나서도 계속 공부를 해도 괜찮은 과정인 냉정하게 조언해주시면 감사하겠습니다.- HTML 기본문법 - HTML p, a, input, form, div, apan, img, table 등의 기본 태그 - 시멘틱 태그와 메타데이터 - CSS selector, padding, margin, position, flex, background, border, display 등의 기본 속성 - 박스모델과 플렉스박스 - 반응형 웹디자인을 위한 미디어쿼리&#34;javascript 기본 개념과 동작 원리- 변수, 데이터 타입, 연산자, 제어문, 타입 변환, 객체, 함수, 스코프, 전역 변수 개념 - 자바스크립트의 이벤트 처리와 DOM API - 자바스크립트의 객체지향 프로그래밍 - 정규표현식, ES6 함수의 추가 기능, 배열 등의 자바스크립트 심화 개념)git 설치, Branch 관리, request 협업 - GitHub의 저장소 생성과 관리 - GitHub의 이슈, 레퍼지토리, 위키SQL 기본 개념 (Select, insert, remove, replace, with, cte, index, join, order, group ) - Mysql활용 ( 서버 설치, 설정, 사용자 권한 설정, 아키텍처, 컴포넌트, 트랜잭션 ) - MongoDB활용 ( MongoDB 서버 설치, 설정, 사용자 권한 설정, 스토리지 엔진, 아키텍처, 복제, 샤딩, 인덱스, 트랜잭션)typescript의 정의와 장점 - Typescript의 기본 개념과 작성방법 - Typescript의 자료형과 제네릭 - Typescript의 함수, 인터페이스, 클래스, 모듈 - Typescript의 에러 처리와 제어 흐름React의 정의와 장점- React의 컴포넌트, 상태, 속성, 이벤트 - React의 JSX, 연산자, 조건부 렌더링 - React의 컴포넌트 생명주기, 일반 컴포넌트와 상태가 있는 컴포넌트 - React router 작동 원리 - Redux의 정의와 장점 - Redux의 스토어, 액션, 리듀서 - Redux의 연결, 미들웨어, 커스텀 미들웨어 - React-Redux의 적용ReactNative의 정의와 장점 - ReactNative의 설치와 실행 - ReactNative의 컴포넌트, 상태, 속성, 이벤트 - ReactNative의 컴포넌트 스타일, 레이아웃, 스크롤 - ReactNative의 네비게이션, 탭, 슬라이드 - ReactNative의 애니메이션, 인터폴레이션, 제스처 - ReactNative의 안드로이드, iOS 특징 - ReactNative의 데이터 저장, 네트워크, 앱 접근Node.js의 정의와 장점 - Node.js의 설치와 실행 - Node.js의 콘솔과 콜백, 모듈, NPM 패키지 - Node.js의 스트림, 파일 시스템, 웹 서버 - express.js의 정의와 장점 - express.js의 설치와 설정, 웹 서버 구성 - express.js의 라우팅, 미들웨어, 정적 파일, 쿠키, 세션 - express.js와 템플릿 엔진, 폼 데이터, 인증, 예외 처리AWS 인프라구조 이해 - AWS S3 이용한 아키텍처 설계 - AWS IAM, Organization 서비스 설계 - AWS Route53, ELB, EC2 AutoScaling 관리- 반응형 서비스 소개 랜딩페이지 제작 MERN스택으로 커뮤니티 서비스 개발 - MERN스택으로 추천 서비스 개발 ReactNative 기반 멀티플랫폼 미니 LMS 앱 개발 - ReactNative 기반 멀티플랫폼 모닝 알림 앱 개발

빠른코딩 · Answer

프론트만 하면되는데 이것저것 끼어든게 많네여그냥 강의 듣고 강죄 책보면서 하세요

seoyhaein · Answer

안녕하세요. "목표는 디자인에 특화된(ux ui 베이스) 프론트엔드 개발자입니다."라고 하셨는데, 외국 경험도 있으시니, 혹시 Avalonia 개발은 어떠하신가요? 지금 오픈소스로 개발을 하고 있는데, UI/UX 방향으로 개발하신다면 이것도 참 좋은 선택이 될 수 있습니다. https://avaloniaui.net/웹이 아닙니라서, 거절하실 수도 있는데 ui/ux 개발자로서 좋은 선택이 될 수도 있지 않아서 제안드려봅니다.https://github.com/seoyhaein/DAGlynEditor 여기서 현재 개발중입니다.만약, 관심 있으시면 댓글달아주세요. ^^

캐티 · Answer

자바스크립트에 오브젝트 체이닝은 적절하게 알고 있는 것이 좋겠어요.부트캠프에서 뭘 어떻게 더 좋게 해주기 어려울 것으로 전망해요. 아주 고난이도 문제점들은 기업에 비밀일 수 있고 이런 것은 취업을 하는 방법 외에 접해볼 방법이 없지 않겠나요. .. 이것이 아니면 직접 서비스를 개발하면서 문제점을 해결하거나 말이어요.적절하게 보여줄 것이 없는 경우에는 오픈소스에 기여를 하는 것도 좋을 것으로 전망해요.

brian55 · Answer

목표는 디자인에 특화된(ux ui 베이스) 프론트엔드 개발자입니다. --->사실 이쪽은 개발보다는 퍼블리싱에 가깝다고 생각하는데..이계열로 FE개발자를 뽑는 공고 자체는 굉장히 적을 수 있는점 미리 인지하시면 좋을것 같습니다.Toss에서UX 개발자? 인터렉티브 개발자? 를 뽑는거로 아는데 그 외엔 그쪽 특화 공고를 보지못했네요++MERN 스택으로 인한 풀스택 개발 한창 5년? 7년전에 유행하던 스택이고 요즘은 잘 찾아보기 힘들긴 합니다.하지만 위 교육과정이 FE개발에 적합하냐라고 물으신다면 적합하다고 생각하긴 합니다.+++부트캠프를 원하시면 코드잇 프론트엔드 과정 저번에 살펴봤는데제가 지금까지 본 FE과정중에는 최적이었습니다.만약 제가 부트캠프 과정을 짠다면 저렇게 짜겠다 싶을정도로요국비라 무료인것 같은데 한번 알아보시면 좋을것 같습니다.

안녕하세요 선배님들! 미래 프론트엔드개발자 냉정한 조언부탁드리겠습니다.

4개의 답변

커리어 목록