안녕! 나는 웹디 출신 2년차 개발자야

 

2018년 12월 웹디 4년차 경력을 과감하게 퇴사

2019년 1월 ~ 2019년 5월까지 퍼블리싱 관련 IT교육 （무료 교육）

2019년 6월 퍼블리셔 취직 

2021년 11월 현재 개발자로 일하는 중이야

 

요즘 무료 개발자 교육이 정말 많기도 하고 이쪽 관련해 정보도 많이 나누길래

나도 '내 경험'위주로 작성해볼게 

특히 웹디인 친구들은 꼭 퍼블리싱/개발자로 전향하는 것을 개인적으로 추천해서 작성해봐 

 

이 글은 내가 타카페에 올렸던 글이었고 내 블로그에 작성하다 썼던 글이야

이 때 굉장히 힘들었어 웹디로서 자부심도 컸는데 연봉도 인상률도 크지 않고 

난 비혼주의라 빨리 자가 자차 사는게 목표였는데 좀 막막했을 당시였거든?

나이도 많았고 근데 댓글을 보고 힘을 얻고 바로 퇴사 후 교육 듣고 개발자로 일을 하게 됐어 

 

 

2018.11.04 15:17

 

안녕하세요.  

저는 이제 웹디 4년차에 연봉 한계를 느낍니다. 또 이쪽은 제 스스로 성장 가능성의 기회가 부족하다 느껴요 

그래서 퍼블리셔로 이직 준비중인데 퇴근 후에 혼자 독학하는데 너무 힘드네요..

강의보면서 html, css부터 하고 있는데 실습 할때도 코딩을 거의 외우면서 하고 이해가 안됩니다.

다른 분들은 계속 하면 는다는데 저는 왜 코딩을 따라 쓰게만 되는지..

 

ㄴ 저도 국비교육으로 퍼블리싱을 시작했는데 처음엔 이해도 안되고 머리아프고 막막했는데..

강사분께서 기초부터 무한반복으로 연습시켜주셔서 웹디기능사도 따고 개발안들어가는 사이트도 만들 수 있는 수준입니다!

첨엔 좀 무식해도 막연하게 따라하시다가 응용도 해보고 솔직히 연습이 답인것 같아요 ㅠ

 

ㄴ 저도 웹& UI/UX 디자이너 출신이고 디자이너 퇴사 후 올인했습니다. 한 6개월 고생하니 퍼블리셔로 어렵지 않게

취업했고 취업 후에도 1년 동안 4~5시간 고생하면서 개발 공부했습니다. 그랬더니 결국 개발자가 됐어요 ㅎㅎ

엉덩이 싸움! 이라고 생각합니다.

 



 

1. 개발자/퍼블리셔 지원동기?
 

나 : 디자이너하면서 가끔 퍼블도 하기도 했고, 사실 난 4년차 웹디였지만 디자인이 잘 맞지 않았어..

정해지지 않은 답을 찾아나가는 과정이랄까? 근데 그 답을 클라이언트도 모르고 답답하더라고

디자이너로서 어떻게 성장해야할지도 몰랐어 

그래서 웹 & UIUX 디자이너로 4년 정도 경력에 웹퍼블리셔로 전향해서 

퍼블리싱 1년 1개월 정도 거치고 지금은 프론트엔드 개발자로 일하고 있어 물론 나도 아직 더 많이 배워야하지만!

 

내 주위 사람들 （회사 지인들） : 물어보면 어떤 분은 걍 막연히 디자인 배우시다가 웹 개발 쪽 배우고 디자인 쪽에 많이 현타가 와서 백엔드 공부하다가 웹퍼블로 전향하신 분도 있더라고?

아니면 디자인쪽 전공자인데 하도 취업 안돼서 포폴로 눈에 튀려고 코딩 배우신 분도 계시고 그러다가 자바스크립트 공부해서 적성 잘맞고 재밌다! 해서 웹 개발자로 이직한 분,

아님 외국에서 취업하고 싶은데 농장, 음식점, 호텔 다 싫고 외국에서 웹 프론트엔드가 인기라는 소리 듣고 자바스크립트 공부하고 Node.js까지 공부해 풀스택 개발자로 취업하신 분도 있고

 

2. 그럼 최종 목표가 뭐야?

 

나 : 나도 비혼주의 + 탈조선이 목표기도 해서 해외로 뜰까하다가 내가 노력하니까 점점 대우가 달라지는 것도 보여서 지금

앞으로 풀스택 개발자가 되려고 계속 꾸준히 공부하고 있어!

 

3. 연봉은 어느정도 받아?

 

나 : 처음엔 절대 기대하지마 누구나 알겠지만 어떤 직업이든 초봉이 쎈 직업은 전문직 외에는 없는 것 같아

그리고 개발자는 평생 직장이라고 해도 과언이 아닌게 '내 기술'이거든? 그래서 초봉이 낮아도 스스로 공부할 자신이 있어야 하는 것 같아 근데 그만큼 열심히 하면 아무도 대체할 수 없는 나만의 기술을 보유하는거지

그래서 나는 초봉은 솔직히 이야기하면 2600이었어 （그래도 초봉치고는 나쁘지 않았다 생각했어..）

그리고 프론트엔드가 백엔드보다 롱런할 수 있다고 생각했거든 전공자도 아니기에 연봉도 크게 욕심도 없었고 

그냥 하는 일이 재밌기도 하고 웹디보다는 훨배 나았고 적성에도 맞았고 

근데 난 퇴근 후에 꾸준히 공부하고 노력해서 지금은 개발자로 일하는데 연봉 3800 받아! 

（그렇지만 여기서 강조하고 싶은건 연봉 중요x 본인 노력이 그만큼 배로 노력해야 저렇게 받을 수 있다는 것을

강조하고 싶고..사실 연봉 받는 만큼 미친듯이 힘들었던 건 마져 그래서 과장하고 싶은 생각은 없지만

그래도 살면서 연봉=생계 수단이잖아? 난 돈이 최고라 생각해서 돈 많이받고 싶음 개발자 추천해

공무원 공부, 전문직 공부 등등 그런 공부보단.. 난 훨 잘맞았어.. 본인 성향이 다르겠지만 내 주주라 참고만 해줘!）

 

 

3. 비전공잔데 솔직히 뭔소린지 1도 모르겠어.....

웹 퍼블리셔랑 프론트엔드 개발자랑 다른거야? 백엔드는 또 뭐야?

 

----> 만약 이 부분을 읽기 어렵다면! 바로 4번으로 넘어가자! 4번에서 최종적으로 정리한 부분 참고

 
 

자 그럼 내가 하나하나 설명해줄게

 

[퍼블리셔]

-퍼블리싱 : 웹 사이트 제작 시, 웹 디자이너가 디자인 한 것을 웹 표준성과 접근성에 부합하도록 재정리하는 것.

 

뭔 소리야.. 싶지?

 

한마디로 웹 퍼블리셔는 퍼블리싱을 목표로해서 웹 디자인 작업과 코딩으로 웹 사이트 제작/편집하는 일

<퍼블리싱>을 집중해서 일을 처리하는 사람이 웹 퍼블리셔라고 해!

 

사실 웹 퍼블리셔라는 직업은 외국엔 업서.. &#128514;

예전에 html코더라고 웹디자이너로부터 디자인파일 받아서 html로 코딩해서 프론트엔드 개발자한테 넘기는 직군이 있었다?

근데 시간이 지나서 웹 표준 양식, 웹 접근성, 크로스 브라우징, 반응형 웹 등

해야 할 일도 많아지면서 웹 퍼블리셔라는 직업이 된거야! 그래서 디자이너들이 퍼블리싱 일까지 정말 많이해!

 

자 다시 정리하자면

 

웹 퍼블리셔 = 웹 디자이너한테 디자인 시안 / 웹 기획자한테 기획서 받아서 

디자인 시안을 웹 브로우저에서 볼 수 있도록 웹 표준, 웹 접근성, 크로스 브라우징 등 맞춰 

웹 문서화 코딩 작업도하고 웹 표준, 웹 접근성 등에 부합하는지 검토 

그리고 웹 개발자와 웹 기획자, 웹 디자이너 사이에서 커뮤니케이션을 주도해! 

 

웹 퍼블리셔가 배워야 하는 언어 = 기본적으로 HTML （웹 언어）, CSS （시각적인 부분）, j a v a - s c r i p t （사용자와 상호작용） 등의 기술이 필요해! 

 

 

 

[프론트엔드 개발자]

-프론트엔드: 사이트와 직접적으로 상호작용하게 되는 부분을 프론트엔드라고해!

상호작용이란 무엇이냐면 사용자 화면（브라우저）에 나타나는 웹 화면을 나타낸다고 볼 수 있는데!

그것 뿐만 아니라 사용자가 사이트와 상호작용하는 부분인 개발, 관리, 유지보수 하는게 프론트엔드 개발자라고 할 수 있숴!

 

프론트엔드 개발자를 3가지 역할로 나눠보면

-UX 디자이너 : 사용자에게 최상의 편리함을 제공하기 이한 사이트의 구성 및 기능 담당

-웹 디자이너 : UX 디자이너가 구성한 것을 토대로 디자인을 입히는 역할

-프론트엔드 개발자 : 위의 디자인을 웹 어플리케이션으로 구현!

 

프론트엔드는 한마디로 구체적인 요구사항, 목표, 기획 등을 이해하고 개발업체와 협업하는게 중요해!

 

프론트엔드 개발자가 배워야 하는 언어 = HTML, CSS, j a v a - s c r i p t, AngularJS, ReactJS 등등 

 

 

프론트엔드 개발자는 백엔드 개발자가 만든 어떤 '집'의 '내부 설계'를 담당한다고 생각하면 돼!!

밑에 프론트엔드와 백엔드의 유명한 대표적인 그림을 참고해보자!

 


 

 

[백엔드]

-백엔드는 개발자는 눈에 보이지 않는 서버에서 작용하는 기술을 다루는 직군이야

UI나 GUI （Graphicasl user interface）는 사용자가 편리하게 사용하기 위해 입출력 등 기능을 알기 쉬운 아이콘을 그래픽으로 나타낸 거고 화면 통신이나 요청에의해서 DB나 인터페이스 등 통해 시스템 구성 실체에 접근하는 것!

사용자와 만나지 않고 프론트엔드와 연동해 기술적인 부분을 처리!

 

-서버 관리자 : 서버 환경설정, 서버구성 관리

-DB관리자 : DB설계, Data 관리 및 최적화

-백엔드 개발자 : 서버 자체를 코딩 

 

백엔드 개발자가 배워야 하는 언어 = PHP, Node.js, j a v a - s c r i p t, C++, Java, Python 등등

 

+

 
아까 내 최종 목표가 풀스택 개발자라고 했지?

 

[풀스택 개발자]

-프론트엔드랑  백엔드 간의 구분이 없는 경우가 종종 있거든! 프론트엔드 개발자가 백엔드 기술을 습득해야 할 때도 있고

반대로 백엔드 개발자도 습득해야 하는 경우가 있어! 

개발자는 본인의 할 일이 ��!!!! 정해져있기 보다는 여러 분야 넘나들어 할 때가 종종 많아!

그래서 풀스택 개발자라는 호칭은 프론트엔드랑 백엔드에서 교차적으로 모두 작업할 수 있는 역할을 말해!

=말그대로 풀패키지를 제공하는 개발자라는 뜻

 

 

 

4. 위에 글을 읽어도 솔직히 모르겠지? 그래서 최종적으로 정리하자면!

 

온라인 쇼핑몰의 <장바구니> 페이지를 만든다고 가정해보자!

 

-웹 디자이너는 '장바구니 페이지를 디자인'한다.

 

-웹 퍼블리셔는 '디자인을 받아 분할해 HTML 코드로 코딩한다. （CSS도 사용）

 

-프론트엔드 개발자는 상품 상세페이지에서 장바구니에 담기 구현, 장바구니 아이콘 개수 변경, 상품 개수 변경하면 주문 금액 변경되도록 구현, 선택비우기/상품 삭제 구현, 장바구니 담겨있는 상품 개수나 상태가 바꿀 때 목록 순서가 변경되지 않도록 구현 등등 '작동하는 기능들'을 제작한다.

 

-백엔드 개발자는 뒷단에서 다시 한 번 데이터 체크 DB 입출력, 접속에 대한 안정성 확보 등등 정보가 불러와지는 과정이 백엔드 개발자의 역할이다. 

 

（글 솜씨가 없어서... 그냥 대충 이런 걸 한다.. 이해만 해주면 좋을 것 같아 ㅠㅠ}

 

 

 

<< 내 얘기 >>

 

5. 내가 웹디자이너 퇴사하고 현재 3년 뒤 개발자로 일하고 있는데

 

퇴사하고 5개월 동안 공부 -> 신입 웹퍼블리셔로 입사 -> 1년 좀 넘게 근무 -> 개발자로 이직 -> 개발자 이직한지 3개월 안돼서 중간에 한 번 옮겨서 연봉 높임 （현재 연봉3800, 반년차 개발자）

 

-퇴사 후 공부방법-

 

1） 일단 퍼블리싱 （HTML, CSS, JS） 5개월잡고 빡세게 공부 + 개발자 코스도 조금 맛보기로 공부

: 교육기관 이용해 5개월동안 빡세게 공부 + 주말에 독학 = 하루 총 5시간 이상은 공부

 

-여기서 주의해야할 점! 혼자 독학 인강 절대 비추... 

그리고 모 사이트를 욕할 수는 없지만.. 홍보 정말 많고...

강사도 아무나 다되더라고? 아마추어 강사 너무 많으니까 잘 따져보고 하길...

（내가 아는 겹겹지인도 모 홍보 많이하는 사이트 강사됐는데 경력1도 없는데 강사됐더라..）

 

-난 개인적으로 국비나 지역 무료교육 추천해!

국비나 무료교육도 강사 잘 보고 선택해야 하고.. 커리큘럼도 마찬가지!

난 무료 교육으로 도움 받았어!

 

-그리고 어느정도 교육생이 좀 있는 오프라인 강의 추천!

교육생들하고 으�X으�X 팀프로젝트하면서 도움 많이 받을 수 있고 동기부여도 잘 돼!

 

-그리고 꼭 기본적으로 컴퓨터 관련한 기본 지식을 습득하는게 좋아!

그래서 프론트엔드 백엔드 구분하는 것이 아닌 개발자 코스 기초 과정 들어야 하고!

 

 

 

2） 퍼블리싱 포트폴리오 제작 + 취업 준비 （2개월）

 

-프로젝트 많이 해보고 얼마나 자기것으로 만드느냐가 가장 중요해!

교육 받고 본인 것으로 만들어야 돼 정말로!

 

-이것도 교육기관 이용해서 다 만들었지만 내가 개인적으로 프로젝트도 많이해보고

백날 강의만 듣는다고 되는것 X!!!!!!!!!!!! 그래서 난 혼자 듣는 강의는 첨엔 비추야.. 정말정말로.. 

 

-그래서 사실 누구나 다 쌉가능! 이지만.. 진짜 노력할만한 자신 있다!!! 하는 사람은 진짜 추천해

인생이 달라지는 거니까 솔직히 다른직업 투자대비 난 가장 보상 받는 직업이 개발자라고 생각해 

 

-포트폴리오 / 이력서 / 면접 준비 꾸준히 했던 것 같아

 

 

3） 신입 퍼블리셔 취업 후 일 병행하면서 백엔드 부터 공부하고 프론트엔드 공부 계속 병행 （1년 넘게） 

 

 

Tip 프론트엔드 개발하려면 백엔드에 대해 모르면 할 수가 없다!

프론트엔드 개발자 = 풀스택 개발자라고 생각하면 돼 

1） 자료구조 2） 알고리즘 3） 객체지향 4） 디자인패턴 5） 데이터통신  = 개발자 공통 과목으로 기본으로 알아야 된다고 생각해

개발자가 되려면 자료구조, 알고리즘, 네트워크 등 컴퓨터공학에 대한 지식을 기본적으로 갖춰야겠지?

 

-직장인 되고나서는 인터넷 강의 + 유투버 도움받으면서 계속 공부했어 꾸준히!

그리고 입사하고 주변 지인으로 개발자가 많이 생겨서 사수 도움도 많이 받기도 했어!

 

 

4） 지금도 현재 계속 공부 진행중 

 

 

 

6. 최종적으로 하고 싶은 말 

 

[1] 전문가/교육기관의 도움을 받아라 - 강사 경력 / 이름 검색해 전문강사인지 확인하기

[2] 도움을 받고 나서 혼자 공부해야하는 시간 많이 투자하기 - 본인이 적극적인 스타일인지 확인

[3] 프로젝트 경험 많이 쌓고 포트폴리오 준비하자 - 혼자서는 준비 어려우니 전문 기관 이용하기

 

세 가지가 제일 중요한 것 같아!

 

 

7.  추천 하는 교육 （지역별 무료 교육 / 무료 교육 플랫폼 이용하기 ）

 

나같은 경우 무료 교육을 이용해서 많이 배웠어

아님 국비도 추천하는데.. 국비는 모집이 안돼서 폐강되거나 강사가 너무 별로거나 하는 경우가 많거든

그래서 내가 직접 검색해서 괜찮은 곳으로 가져와봤어

 

무료니까 홍보의심 ㄴㄴ했음해! （유료는 홍보의심때매 추천하지 않을게）

 

 

 

<무료 SW교육 추천>-국비는 제외했어!

 

-서울 지역 무료 SW개발자 데뷔코스 새싹（SeSAC）-

 

2021년 하반기 교육 모집 마감일 12월 12일까지래 자세한건 홈페이지 참고!

（서울 거주자만 지원가능）

서울 살아서.. 서울시 프로그램밖에 몰라서 미안 ㅠㅠ

 

https://sesac.seoul.kr/course/active/detail.do?courseActiveSeq=1403&srchCategoryTypeCd=&courseMasterSeq=223&currentMenuId=900002001 

청년취업사관학교

기업연계형 퍼블리싱/프론트엔드 실무 프로젝트 과정

: 여기는 3개월 코스로 월~금 빡세게 프론트엔드/퍼블리싱 직무 배우는데 

서울 거주자들은 모두 지원 가능하대 기초과정으로 커리큘럼 정말 추천!

퍼블리싱 + 프론트엔드 개발자 부분 배울 수 있으니까 기초 코스로 꼭 들리면 좋을 것 같아

아니면 국비로 내가 배웠는데 취업이 잘안됐거나 혼자 스스로 공부하기 어려우면

이런 교육기관 도움받아서 다시 복습 -> 취업 지원 받아서 기업 이력서 포트폴리오 준비하고 취업하는 방법 추천해!

（나도 이런 코스 밟았고 확실히 교육 2번 들으면 진짜 큰도움돼.. 혼자 복습하기 어려운 사람들은 추천!）

그리고 일단 실무 프로젝트도 진행하고 취업까지 도와준다고 하니까 이런 프로그램 적극 이용하길 바랄게!



 

 

<교육 전 컴퓨터 기초지식이 부족하다면? 미리 공부하고가자>



-소프트웨어야놀자-

 

소프트웨어? 컴퓨터 지식, 알고리즘 등등 기본적인 지식이 부족하다면?

 
www.playsw.or.kr  

소프트웨어야 놀자

Play with AI, Play with DATA

www.playsw.or.kr
: 문제를 잘게 쪼개기, 복잡한 프로그램 만들기, 알고리즘이란? 등등 컴퓨터 관련 기초 지식이 없는 사람들은 여기서 무료 동영상 보면서 소프트웨어 교육 시작 전 기본적인 용어 및 지식을 습득하면 좋을 교육 플랫폼이야!

 

 

 

 

<다른사람들이 한 프로젝트 포트폴리오 참고하기>

 

-이��-

 

-SW에 관심있는 사람들이 모인 EBS 온라인 플랫폼

www.ebssw.kr  

이�� | EBS 소프트웨어
 

: 여기서는 사람들 포트폴리오 구경할 수 있어! 참고하면서 개인 포트폴리오 제작하면 좋을 것 같아

 

 

 


 

 

<수업 후 혼자 복습하고 싶다면? 무료 강의 이용하기>


-생활코딩-


https://opentutorials.org/module/1892

HTML 수업

수업의 목적 본 수업은 HTML에 대한 심화된 내용을 다룹니다. HTML의 기본문법과 HTML의 주요한 태그들에 대한 수업을 담고 있습니다.  선행학습 본 수업을 효과적으로 수행하기 위해서는 웹애플리

opentutorials.org
: 생활코딩은 웹 서비스 만들기부터 언어, 클라이언트, 서버, 개발도구, 프로젝트 관리까지 다양한 강의 컨텐츠 제공하는 곳이야!!


 

 

글을 마치며...

 

사실 글쓰면서 HTML, CSS 등 용어에 대해 구체적으로 적으려 했는데..

글 적다가 토나올뻔 했다..

그래서 아주 기본적인 사항만 작성해봤고 궁금한 점은 댓글로 남겨주면 답변해줄게!

 

검색하다보면 퍼블리싱 프론트엔드 백엔드 개발자 등 관련해서 기초적인 지식 궁금한 사람들 많아서

글을 적게 됐는데 글이 이렇게 길어질 줄이야...

 

개발자가 꿈인 사람들 제발 도전했음 좋겠어!!! 진짜 매력적인 직업이라고 생각하고

내가 힘들게 배운만큼 돈으로 보상받는 직업 ㅋㅋ 이라고 생각해!

물론 돈보고 오면 망.. 절대 못견딘다 ㅠㅠ 잘 버티고 노력하면 누구든 좋은 결과 있을거야!

 

특히 웹디 중에 퍼블리셔로 이직하고 싶고 개발자까지 꿈인 사람들은 진짜 추천... 후회안한다고 봐!

 

글 솜씨는 없지만 긴 글 읽어줘서 고마워!