• 티켓 내역
  • 회원가입
  • 로그인
대학교육 멘토지원
로그인
홈 클래스 LIVE 멘토 콘텐츠
#IT개발 #직무

프론트엔드 개발자, 추천 사이트와 프론트엔드 포트폴리오 준비법이 궁금합니다

윤원진 멘토
레진엔터테인먼트 · 개발팀
안녕하세요 멘토님. *프론트엔드 개발자를 꿈꾸는 전문대 2학년 청년입니다. 개발자의 꿈을 안고 현재 *생활코딩 프로그램에 참여해 틈틈이 공부하고 있습니다. 

하지만 취업 정보도 부족하고 제가 잘 해오고 있는지 확신이 들지 않아서 몇 가지 질문 드립니다. 

ⒸBEST-BACKGROUNDS


1. 강의 듣는 것만으론 뭔가 부족한 느낌입니다. 프론트엔드 공부에 도움될 사이트가 또 있을까요?

2. 프론트엔드 개발자가 구체적으로 어떤 일을 하는지 궁금합니다.

3. 개발자로 지원할 때 필요한 포트폴리오를 어떻게 만들어야 할까요?

4. 현재 html/css/vanila js/node.js/vue.js를 순서로 공부할 계획인데 괜찮을까요?

바쁜 시간 내주셔서 감사합니다. 조언 부탁드립니다. 



*프론트엔드 개발자: 디자인, 코딩 등 눈에 보이는 기능을 개발하는 사람.

*생활코딩: 일반인에게 컴퓨터 프로그래밍을 알려주는 것을 목적으로 하는 비영리 교육 프로젝트

윤원진 멘토의 답변


개발자 추천 사이트와 사이트별 활용법
반갑습니다. 생활코딩은 실력 있으신 운영자분께서 오랜 시간 꾸준히 운영해온 곳이기에 기초 다지기에 아주 좋은 곳입니다. 저도 뭔가 새로 배우거나 기초를 점검하고 실을 때 가끔 들어가곤 합니다. 꾸준히 하면 투자한 시간과 노력만큼의 결실을 얻게 될 겁니다. 

ⒸLukas


개발 공부에 도움이 될 사이트로 다음 세 가지를 추천합니다.

생활코딩 https://www.opentutorials.org
코드 아카데미 https://www.codecademy.com
코드워스/코드카타 https://www.codewars.com

코드 아카데미엔 처음 입문할 때 참고할 수 있는 튜토리얼이 있습니다. 한 번 훑기에 좋아요. 

코드 카타는 도장 개념에 가까운, 계속 수련을 쌓아갈 수 있는 곳입니다. 진짜 도장처럼 띠/단 같은 등급도 부여합니다. 

여기선 주어진 문제를 풀이할 수 있는데 답은 하나가 아닙니다. 여러 방식으로 풀 수 있지요. 참고로 가장 추천을 많이 받은 답변을 볼 수 있습니다. 즉, 어떻게 풀었는지 알 수 있단 소리죠.  그렇게 가장 효율적이고 아름다운 코드를 작성하는 법을 배워 나갈 수 있습니다. 

프론트엔드 개발, 다양한 세부 분야로 나뉘어요
프론트엔드 개발자란 직무를 간단히 설명하기가 어렵습니다. 프론트엔드에도 많은 영역과 역할이 있습니다. 그만큼 알아야 할 내용도 많습니다. 이와 관련해 정리가 잘 된 링크를 공유합니다. 

한글 자료를 공유하면 좋겠지만, 한글 자료 중에 제대로 업데이트된 게 많지 않네요. 국내 개발자들도 한글 자료 아카이브를 만들어가는 것을 포기하고 영문 자료 보기를 선택한 분위기입니다. 

그래서 영문 자료를 찾는 게 이 필드의 정석 문화이기도 합니다. 당연히 영어 공부를 해서 영어에도 익숙해져야겠지요. 

  • https://frontendmasters.com/books/front-end-handbook/2018/
  • https://github.com/kamranahmedse/developer-roadmap
  • https://frontendmasters.com/books/front-end-handbook/2018/practice/types-of-front-end-dev.html

위 링크에 나와 있는 것처럼, 프론트엔드 개발자 내에서도 다양한 직무 명이 있습니다. 일반적으로 ‘Front-end’ 개발자라고 통칭하고, 프론트엔드 영역의 모든 일을 수행한다고 보면 됩니다. 

ⒸPixabay


실무 현장에서는 역할을 좀 더 나눠서 *마크업(HTML/CSS)과 QA(테스트)는 별도의 역할로 분리하는 경우가 많아요. 저도 마크업 개발자로서 일하고 있는데, 디자인을 HTML/CSS로 옮기면서 *컴포넌트의 기본 구조를 잡는 역할을 주로 하고 있습니다. 

HTML을 작성하는 마크업 업무엔 기본적으로 장애인을 위한 웹 접근성 확보와 검색엔진 최적화가 포함됩니다.

포트폴리오는 양보단 질로 승부해야 합니다
특별히 포트폴리오를 준비해야 한다는 부담은 조금 내려놓아도 될 것 같습니다. 개발자들은 포트폴리오를 만드는 문화가 아니거든요. 

요즘은 github계정 프로필이 포트폴리오와 비슷한 역할을 하기도 합니다. 개발자들은 github으로 협업하고, 개인 프로젝트도 github으로 합니다. 

github 프로필엔 그런 작업 흔적들이 남아있지요. 그래서 프로필을 보고 ‘아 이 사람이 개발자로서 얼마나 왕성하게 활동했구나’를 볼 수 있습니다.
 
그 외에 멘티님의 작업물 중에 보여주면 플러스 요소가 되겠다 싶은 게 있다면 그것을 효율적으로 보여주는 방향으로 포트폴리오를 만들어 두는 것도 좋은 것 같습니다. 

다만 github 프로필과 다르게 포트폴리오의 양은 전혀 중요하지 않으니, 부끄러운 작업물은 굳이 포함하지 않고 자랑스러운 작업물 위주로 정리하는 편이 낫습니다.

Ⓒtyler franta



필요와 흥미를 기준으로 공부계획을 세우세요
멘티님이 언급한 순서대로 공부하는 것도 괜찮아 보입니다. 질문에 적은 개발자 로드맵에도 선형적으로 공부해야 할 내용들이 포함되어 있긴 하지만, HTML/CSS/JS를 익힌 이후에는 어떤 순서로 진행해도 무방하다고 생각합니다. 

다만 필요와 흥미를 고려해서 지속적으로 잘 학습할 수 있는 아이템 위주로 공부하면 더 좋을 것 같습니다.

개발자는 꾸준히 성장만 한다면 타 직종으로 전환할 필요가 없는 장래성이 좋은 직종이라고 생각합니다. 지금처럼 계속 정진해서 좋은 성장 이뤄나가길 바랍니다. 화이팅!



*마크업: markup. HTML 문서의 포맷을 정하고 요소들을 집어넣어 문서를 만드는 것

*컴포넌트: 소프트웨어 개발을 마치 레고 블록 쌓듯이 쉽게 할 수 있도록 하는 기술

답변이 궁금한가요?
지금 무료로 확인하세요!
답변 보기
©모든 저작권은 해당 콘텐츠 제공자 또는 해당 콘텐츠 제공자와 잇다가 공동으로 보유하고 있으며, 콘텐츠의 편집 및 전송권은 잇다가 가지고 있습니다.
15
IT개발
윤원진 멘토
레진엔터테인먼트 · 개발팀
레진코믹스를 서비스 하고 있는 레진엔터테인먼트에서 마크업 개발을 담당하고 있습니다.
더보기
#직무
팔로우 멘토에게 질문하기
취업고민 즉문즉답 온라인 클래스 클래스 더보기
서지애 멘토
한국사회적기업진흥원
4.86 (22)
종료
공사/공기업 · 직무 특강
공공기관 입사준비부터 실무까지! 공공기관에 입사하면 생기는 일

2023.1.19(목) 19:00
온라인
숭실대학교
안정민 멘토
금호타이어
4.9 (20)
종료
생산/품질/제조 · 직무 특강
[이공계 직무 멘토링 8년차] 제조업 품질 담당자와 함께하는 "생산/품질" 직무 이해하기

2023.1.10(화) 19:00
온라인
숭실대학교
조영무 멘토
IBM
5.0 (4)
종료
영업/영업관리 · 직무 특강
무작정 취업? 하지 마세요! 현명하게 커리어/직무를 선택하고, 회사 생활하는 시크릿을 알려드려요!

2023.1.6(금) 19:00
온라인
2022 한국외국어대학교(서울)
이정열 멘토
Philips Korea(ex P&G)
4.95 (43)
종료
마케팅/MD · 직무 특강
온라인 영업/마케팅 분야에서 커리어를 발전해나갈 수 있는 Insight를 알려드려요!

2023.1.5(목) 19:00
온라인
2022 한국외국어대학교(서울)
양희재 멘토
아마존웹서비스
4.67 (6)
종료
영업/영업관리 · 직무 특강
가치 있는 스토리와 진정성으로 문과생이 외국계 IT기업 B2B영업 담당자가 되기까지!

2023.1.4(수) 19:00
온라인
2022 한국외국어대학교(서울)
클래스 더보기
함께 보면 좋은 콘텐츠 콘텐츠 더보기
IT개발
회사는 신입 프로그래머에게 어떤 수준을 기대하나요?
안녕하세요. 컴퓨터 학부 2학년에 재학 중인 학생입니다. 저는 미래에 IT 직종에서 프로그래머로 종사하고 싶습니다. 멘토님이 평소 올려두신 글을 보며 궁금했던 점들이 많이 해소됐습니다. 또한, 프로그래머 취준 과정과 회사 생활도 여쭙고 싶습니다. N 기업에 신입 프로그래머로 취업 시 필요한 스펙과 준비 사항이 궁금합니다.
이세린 멘토
네이버 · 검색시스템
52
약 4년 전
IT개발
데이터 마이너, 빅데이터 시대에 떠오르는 직업
데이터 마이너라는 직업으로 진로를 정했는데, 아직 아는 것도 없고 데이터 마이너 관련 지식이 부족합니다. 데이터 마이닝은 데이터 베이스와 어떻게 다른가요? 데이터 베이스는 데이터를 기반으로 원하는 정보를 찾는 것으로 알고 있는데, 데이터 마이닝은 정확히 어떤 것인지 궁금합니다. 데이터 마이너 관련해 조언 부탁드려요.
멘토
IT개발
16
약 4년 전
IT개발
머신러닝 입문, 어떻게 하면 좋을까요?
저는 현재 외국계 회사에서 기술영업 업무를 하고 있는 2년 차 회사원입니다. 머신러닝이나 클라우드 쪽으로 경력을 쌓고 싶지만, 어떻게 해야할 지 잘 모르겠습니다. 머신러닝 업무 관련 지식을 쌓기 위한 프로그램이나 자격증, 머신러닝 공부 경로 등을 알려주실 수 있을까요? 현직자의 조언을 받고 방향을 잡고 싶습니다.
이세린 멘토
네이버 · 검색시스템
19
약 4년 전
IT개발
비전공자의 IT 취업, 갖춰야 할 세 가지 역량
저는 IT 분야의 일을 하고 싶은데 전공도 법학이고 관련 지식, 자격증도 없습니다. 전공과 취업은 큰 상관이 없다는 말을 들었지만, 다른 분야는 몰라도 IT는 공학을 전공해야 경쟁력이 있는 거 아닌가요? 제가 IT 분야에서 인턴을 하거나, 취업하려면 어떤 직무 역량을 키워야 할까요? 멘토님의 조언 기다리겠습니다.
멘토
IT개발
33
약 4년 전
콘텐츠 더보기

Footer

가치 있는 커리어 경험을 연결합니다.
We connect with valuable work experience.
  • 온라인 클래스
  • 실시간 클래스 후기
  • 🚀 오리지널 클래스
  • 멘토 찾기
  • 멘토 지원하기
  • 업데이트 노트
  • 자주하는 질문
  • 문의하기
  • B2B 대학교육 서비스

© 2023 잇다, Inc. All rights reserved.

회사소개 |
이용약관 |
개인정보 처리방침 |
네이버 블로그 |
브런치
대표번호: 02-2653-1022 (10:00 ~ 19:00) / 점심시간: 13:00~14:00 (주말 및 공휴일 휴무)
㈜레디앤스타트 | 사업자등록번호 : 117-81-82177 | 대표 : 조윤진 서울 종로구 종로1길 50 더케이트윈타워 B동 3층