[ETC] 웹퍼블리셔 현직자 포트폴리오 | 합격 포폴 대방출 | 에이전시 취업 | 신입으로 웹 에이전시 취업하기 | 이력서 | 자소서 | 최종합격

[@jjaeyull]

당장 다음달부터 포트폴리오 만들어야해서 눈물훔치며 찾아보다가 너무 자세해서 당황했어요.. 다른곳은 이렇게하세요~ 이러기만하는데 이분은 그냥 이렇게해서 이렇게했고 저렇게했고 저런게있고 등등.. 다알려주시네요ㅠㅠㅠㅠ 일단 구독해놓고 공부할거좀 하다 다시 보고 포폴준비해야겠어요 좋은영상감사합니다

[@hyemem]

앗 감사합니다 도움이 되셨다니 다행이에요👍👍 취업까지 성공하셨으면 좋겠습니다!!😊

[@joyyy4203]

웹 에이전시 취업을 목표로 포폴 준비 중입니다ㅜㅜ 너무 유용한 정보네요🤍🤍 정말 감사합니다 :) 포폴 공개하시기 힘드셨을텐데 많은 취준생 분들을 위해 공개해주시고 유용한 꿀팁들도 알려주시네요 ㅎㅎ 복 받으실거에요 ㅎㅎ!!

[@hyemem]

영상 봐주시고 이렇게 댓글도 남겨주셔서 감사합니다! 저보다 좋은 포폴 만드셔서 취업까지 쭈욱 가셨으면 좋겠습니다😊

[@neptun2023]

요즘 포폴 준비중인데, 너무 좋은 정보가 많아요ㅜㅜ 정말 감사합니다 정말 자세하고 상세하게 하나하나 설명해주셔서 진짜 도움이 많이 됐어요!!!! 이것 저것 할 수 있다는 것을 보여주는게 중요하네요!!! 포폴 열심히 해볼게요 감사합니다ㅠㅠ

[@hyemem]

영상봐주시고 이렇게 길게 댓글도 남겨주셔서 감사합니다 :) 부족하지만 포폴 만드시는데 도움이 되었으면 좋겠어요 취업 화이팅입니다!!!☺️

[@hongsunho]

준비를 정말 잘 하셨습니다. 영상 잘 보고 가요

[@hyemem]

영상 봐주셔서 감사합니다 😊😊

[@foryouraesthetic_official]

보통 저는 그떄그때 만들어서 정리가 안되는데 이렇게 정리를 잘 하시니 다시 리뷰하기에도 좋을것 같네요 대단하십니다..

[@hyemem]

아닙니다 영상 봐주시고 댓글도 남겨주셔서 너무 감사해요🥹

[@opo999]

정보 감사합니다 ㅠㅠㅠㅠ 구체적으로 설명해주는 분 찾고있었는데 너무 도움 많이 됐어요!!

[@hyemem]

영상 봐주셔서 감사합니다 😊

[@송희환-t2g]

안녕하세요 어느새 회사 다닌지 5개월이 됬네요 잘 다니고 있습니다 고맙습니다

[@user_mama0103]

영상 자세히 보여주셔서 감사합니다!! 포트폴리오 엄청 잘 만드셨네요. js 공부 열심히 해야겠습니다 흑흑

[@hyemem]

도움이 되었다니 다행이에오 ㅎㅎ 영상에 댓글 남겨주셔서 감사합니다😊😊

[@user_mama0103]

@@hyemem 영상 다시 보다 궁금한 점이 있어 댓글 남겨요! 8:40 메뉴글씨 배열은 gnb메뉴 배열 말씀하시는건가요? 왜 flex나 position보다 inline block을 사용하나요? 깃을 사용할줄 모르는데 사용하는게 취업시에 더 어필이 될까요?

[@hyemem]

@@user_mama0103 flex를 쓸 수는 있지만, 프로젝트마다 익스플로러까지 브라우저를 대응해야하는 경우에는, flex를 아예 쓸 수 없기 때문에 float만 써야하는 경우가 있습니다! float값은 경우는 width값을 고정적으로 줘야하기 때문에, 글씨가 늘어날 때마다 width값을 바꿔줘야하잖아요? 그런데 inline-block을 사용하면 글씨 길이에 맞춰서 글자간 padding 간격을 유지하면서 유동적으로 변경이 가능하기 때문입니다~

[@hyemem]

@@user_mama0103 저는 깃 사용할 줄 알면 취업시에 어필 될 수 있다고 생각합니다!

[@user_mama0103]

@@hyemem 오 그렇구나.. 또 하나 배워갑니다!! 감사해요🥰 채널 자주 보러 올게요!

[@kimgoogle169]

포폴 너무너무 잘봤습니다! 저도 국비 6-7개월 과정 들었는데... hyemem님 영상보니 왜이리 처음 보는 단어가 많을까요...ㅋㅋㅋㅋ 국비학원에서는 진짜 기초중에 쌩 기초만 알려준다는 말이 맞는 것 같아요 더 깊은 인클루드 php 등의 개념은 어떻게 알게되시고 배우신건가요...? 전 이 영상 보기 전까지 인클루드라는 게 있는지도 몰랐어요..

[@hyemem]

저는 지인이 국비교육을 들었는데 그 국비 선생님이 알려주셨다고 들었어요! 그래서 인클루드라는걸 알게됐고, 여기저기 구글링하면서 직접 적용해보았습니다☺️ 또, 제가 잊어버릴 것을 대비하여 블로그에 정리해둔 것이 나중에 면접준비나 개인 포트폴리오 준비할 때 많이 도움이 되었습니다! 더보기란에 정리해둔 제 블로그에 인클루드 하는 방법 정리해두었으니 참고해주세요! (개인 공부 용도라서 이해하시기 어려울수도 있습니다)

[@금은동송]

우왕 너무 멋져요 !!🔥

[@hyemem]

앜ㅋㅋㅋㅋ지금봐써여?

[@현장령-e2s]

좋은정보 감사합니다

[@모모모-d4m]

와..저도 퍼블리셔로 입사하긴했는데 이 영상보니까 수준이 다른걸 느끼네요..갑자기 저를 반성하게 돼요..ㅋㅋㅋ 멋있어요..

[@hyemem]

에이 아닙니다ㅠㅠ 부족한 부분이 많은데 그냥 열심히 한 것 같아요😂 영상 봐주시고 이렇게 댓글도 달아주셔서 감사합니다🤍

[@SGJ_0430]

정보 감사합니다.영상보면서 제 포트폴리오와 비교하면서 느낀점이 많네요 ㅠ 더 열심히 해야겠어요 꿀팁도 알려주시고 너무 감사해요 ㅎㅎ

[@hyemem]

감사합니다 화이팅 화이팅💪

[@SGJ_0430]

@@hyemem 오늘면접도 망했네요 ㅠ 화이팅화이팅

[@SGJ_0430]

@@hyemem 혹시 php 파일 어캐 여나요 .. 트로피카 파일보고싶은데 안열려서요 ㅠ

[@hyemem]

php는 서버에 올렸을 때만 보입니다~ 로컬 서버 만드는 방법을 검색하시거나, 본인 도메인 서버가 있다면 올려서 확인 가능합니다

[@kimjintwo3257]

잘 봤어요! 사이트들 너무 예쁘네요

[@hyemem]

감사합니다👍

[@나죵]

포폴 너무 멋쩌요ㅠㅠ 댓글에 4달반정도 공부하셨다고 했는데 제이쿼리/자바스크립트는 몇달하신건가요? 전 이제 html,css 마치고 제이쿼리/자바스크립트 들어가려고 하는데 어렵다는 얘길 많이 들어서 시간이 얼마나 걸릴지 감이 안오네요..ㅠ!

[@hyemem]

오래돼서 정확히 기억은 안나는데 4달중에 1달~1달반정도는 포토샵하고, 1달~1달반정도 html,css,jquery 이렇게 배웠고 나머지 기간동안은 포트폴리오 준비하면서 더 공부했던 것 같아요! 이게 이론 공부보다는 실제로 프로젝트를 진행하면서 내가 원하는 동작들을 직접 구현해나가는 과정에서 공부가 더 많이 된답니다!

[@coral3013]

이거 보니까 공부할 의지가 불타오르네요 감사합니다~!! 궁금한 것이 있는데 이렇게 잘하실 수 있는 방법이 있나요? 대학교 아니면 학원 다니신건가요 좋은 책도 추천해주세용 핳 당연히 구독 좋아요 다 했어요~!!! 이런 정보들 관련해서 많이 올려주셨으면 좋겠어요 저도 퍼블러셔가 꿈이에요 좋은 정보 감사합니다!!

[@hyemem]

안녕하세요~ 영상 봐주셔서 감사합니다😊 잘할 수 있는 방법이라기 보다는 저는 유투버 rock's easyweb님의 js강의를 들으면서 기능별로 정리하는 방법을 익히고, 기능을 짤 때 혼자 끙끙거리면서 많이 해보는게 제일 늘 수 있는 방법이라고 생각해요! 최대한 생각을 하고, 많이 짜보고 하는 게 가장 큰 공부가 됩니다! 저는 컴퓨터학부 4년 전공후에 국비교육을 수강했지만, 거의 독학이라고 봐도 무방할 것 같아요 말랑푸딩탱님두 노력만 하신다면 충분히 하실 수 있으세요👍👍

[@coral3013]

@@hyemem 이렇게 친절하게 긴 답변해주시다니 진짜 감동이에요 뭘하시든 될 분이시고 앞으로 창창하고 행복한 일들 가득하실꺼에요 저는 시각디자인과전공이라 25살 2월 쯤에 졸업인데 방학 때 반복적으로 공부해보려고요 진짜 감사합니다~!~!~!!!🌼💛🤍💛🤍🌼

[@user-marthyn]

구독하고갑니❤

[@jinl2548]

퍼블리셔 취업하려고 공부중인데 올려주신 영상 보고 힘을 얻습니다 감사해요:) +궁금한게 있어요. 포트폴리오 작업하실 때 포토샵이나 어도비XD로 시안작업 하시고 코딩하신건가요? 저도 이제 곧 포트폴리오를 만들어야 되는데 어떤 단계로 작업해야하는지 몰라서 막막하네요ㅠ

[@hyemem]

저 같은 경우는 핀터레스트나 디비컷 같은 사이트에서 레이아웃 참고해서, 포토샵으로 만들어서 작업했습니다!

[@한벼디]

와 진짜 유용해요 감사해요

[@hyemem]

영상 봐주셔서 감사합니다😀

[@잇다-i9u]

안녕하세요. 너무 잘 보았습니다. 웹 퍼블리셔 포트폴리오 정말 멋지네요. 실례지만, 웹 퍼블리셔 준비는 어느 정도나 소요되셨는지요? 저는 이제 막 html/css 기본공부 중인데요. 적지 않은 나이에 도전하려니 마음만 급해지고 그렇네요. 반응형, 웹버전, 모바일버전, flex, scss 여러 용어들을 듣기만 했는데도 어느 정도까지 공부하고 포트폴리오를 만들어야 하는지 잘 모르겠어요..ㅜㅜ k2, 현대카드, 등등 대형사이트 제작하실 때요. 디자인은 다 변형해서 만드신 걸까요? 무엇보다 폰트, 아이콘, 메뉴 등등 디자인이 너무 훌륭한 것 같아요. 포토샵 툴도 잘 다루지 못하는데요. 포토샵이나 일러로 다 제작하신 걸까요? 디자이너가 아니라, 퍼블리셔인데 포트폴리오 제작할 때 거의 보여지는 디자인을 어떻게 해야 할지도 고민이 되더라고요. 너무 글이 길었네요. 읽어봐주셔서 감사합니다. 아직 github사이트를 잘 몰라서요. 위의 링크 들어가보면 제작하신 포트폴리오 코딩을 참고할 수 잇을까요?

[@hyemem]

안녕하세요 저는 2020년도 1,2월부터 2020년도 5월달까지 약 4달반정도 퍼블 공부를 했고, 퍼블 공부하면서 같이 포트폴리오 제작하였습니다. 5월에 국비 수강 후에 혼자 포트폴리오 더 제작하면서 웹에이전시 이력서 넣기 시작했고, 총 30-40군데 지원해서 9월초쯤 면접을 봤고 합격해서 첫 회사에 입사하게 되었습니다. 첫회사 기준으로, 기초부터 취업까지 9개월정도 소요된 것 같습니다~ 폰트같은 경우에는 기본적으로 웹폰트 무료로 쓰이는 본고딕체, 나눔스퀘어 위주로 사용하였구요. 구글폰트 사이트 들어가시면 다 무료로 사용하실 수 있습니다! 저는 일러스트는 제가 하지 않았고, 아이콘들은 무료 아이콘 사이트에서 가져왔습니다~ 포토샵만 이용해서 시안 제작하였고, 핀터레스트, 디비컷 같은 사이트들 레이아웃 참고해서 포트폴리오 시안 작업하였습니다! 보기에 깔끔한 정도로만 하시면 되기때문에 디자인은 그렇게 많이 신경쓰지 않으셔도 될 것 같고요!

[@잇다-i9u]

@@hyemem 아 국비과정으로 공부를 시작하셨군요. 한해동안 공부하시고 취업까지 정말 멋지세요.!! 혹시 onSlideNext() js라면 자바스크립트를 말하는 걸까요? 제이쿼리하고 조금 헷갈려서요..

[@hyemem]

@@잇다-i9u 전 순수 javascript를 이용해서 제작하지 않았고, 제이쿼리만 사용해서 기능을 짰습니다! onSlideNext()란 제가 제이쿼리를 이용해 만든 기능의 이름입니다~ 이 부분은 제이쿼리 더 공부하시면 바로 이해 가능하실거에요! Rock's easyweb 유투버님의 강의 추천 드립니다~ 보고 따라하시는것만으로 실력이 향상되실거라고 생각합니다

[@잇다-i9u]

@@hyemem 답변해주셔서 정말 감사드립니다.

[@ozyC-m4h]

영상 잘 봤습니다 시간은 꽤 지났지만 취업 축하드려요! 여쭤보고 싶은게 있는데 다름이 아니라 퍼블리셔에게 자바스크립트 능력은 어느정도 요구하는 편인지 궁금합니다. 기본적인 상호작용과 DOM조작은 가능한데 그밖에 다른 능력이 필요하다면 어떤게 필요할까요?

[@hyemem]

영상 봐주셔서 감사합니다! 요새는 웹퍼블리셔에게 요구하는 사항들이 많아지면서, 필요 능력에 대해서 문의주시는 댓글이 늘어나고 있네요 :) 퍼블리셔 신입 기준 관련 공고에 대부분 필수사항으로 기재되는 부분인 html, css, scss, jquery, javascipt 기초 정도 알아두시면 될 것 같습니다! (말씀해주신 부분이면 필수사항에 충족되는 것 같습니다) 더 필요한 사항이라하면, 웹상에서 자주 사용되는 UI를 구현해보는 걸 추천드릴게요 예를들면, input type="radio" 선택시 노출되는 탭 UI (data값 사용)를 구현해보는데 웹페이지 로딩시, A 라디오가 선택되어있거나 사용자가 직접 선택시 A-1, A-2 내용이 노출되고 B 라디오 선택시에도 A-1 내용이 노출되고 C 라디오 선택시에는 노출되는 내용이 없는 기능을 구현해보는 것도 좋을 것 같습니다! 이런 기능은 실무에서 자주 쓰이고, 여기서 핵심은 하나의 코드를 짜더라도, 다양한 프로젝트에서 쓰일 수 있는 유지보수성이 뛰어난 코드로 구현하는 능력을 기르는 것, 기획쪽에서 배포 이후에 기능을 추가해달라고 했을 때를 고려해서 기능을 짜는 능력을 기르는 것이라고 할 수 있겠습니다! ⭐️ 이 부분을 고려해서 포트폴리오를 계속 빌드업해가신다면, 자소서 면접에서도 충분히 어필될 수 있는 부분입니다. 요약) 유지보수성을 생각하는 기능 구현 연습과 클린 코딩 연습을 성실히 할 것.

[@ozyC-m4h]

@@hyemem 상세한 답변 감사합니다! 최근 포폴사이트 완성하고 프로젝트들 다시 점검 중인데 회사에서 면접 연락이 잘 안와서요 ㅠ 어디 피드백 받을 곳도 딱히 없고 해서 자바스크립트 능력 문젠가 다른 곳에 문제가 있나 하면서 헤메고 있는 상태거든요 일단 제작중이던 scss 프로젝트 빨리 끝내고 react 환경에서도 한번 프로젝트 제작해보면서 말씀해주신 사항들 신경쓰면서 제작해봐야겠어요 다시 한번 답변 감사합니다

[@김다영-t4o]

안녕하세요, 선생님! 정말 제 머리를 딱 치게 만드는 엄청난 영상인거 같아 감사 인사와 함께 문의사항을 올립니다. 저는 웹디자인기능사 시험을 도전중인데, 간혹 딜레마에 빠지는 경우가 있습니다. 1. 디자인이란 객관적으로 평가할 수 있는.. 즉, 자격증을 획득하면 터득하게 되는 것일까? 사실, 저는 아니라고 생각합니다. 2. 선생님의 영상을 보며 코딩도 코딩이지만, 디자인의 창의성? 독창성? 도 꽤 중요하다는 것을 깨달았습니다. 아래 댓글을 확인해보니 포토샵에 들인 시간이 1달~ 1달 반이라고 하셨는데, 포토샵은 어떤 콘텐츠를 통해 학습하셨나요? 학원을 다니셨는지 아니면 유튜브 강의를 보셨는지... 추천 받고 싶습니다! 3. 웹퍼블리셔를 하기 위해서 초보자들이 가장 열심히 학습해야 하는 것이 무엇인지 알고 싶습니다. html? css? 자바스크립트가 중요한 것인지 아니면 포토샵이나 일러를 다를 줄 아는 스킬이 중요한 것인지.... 4. 정말 막막하고 힘이 들때에는 너무나 보편적으로 뻔하게 널려있는 국비지원 학원이라도 다니는 것이 유용할까요? 제 주변에서는 국비지원 학원을 비판적으로 바라보고 있어서 제가 어떻게 해야 할지 너무나 고민이 됩니다 ㅠㅠ 좋은 영상 정말 너무나 감사하고, 구독하고 가겠습니다! 답변 해주시면 감사하겠습니다~~~~

[@hyemem]

안녕하세요 긴 글 남겨주셔서 감사합니다. 1. 일단 저는 디자인없이 퍼블리싱만 진행하는 업무만 해왔기 때문에, 디자인 관련해서는 조언해드릴 수 없을 것 같습니다! 양해 부탁드립니다~ 2. 저는 국비 교육을 통해서 photoshop 기본적인 툴 들만 배웠고, 디비컷이나 핀터레스트 등을 통해서 다양한 웹사이트 레퍼런스 디자인을 참고하였습니다. (위에 말씀드린 것과 같이 저는 디자인쪽은 잘 모르기 때문에, 디자인은 사진 위주로 기본적이게 작업하였습니다.) 3. 웹 접근성을 준수하는 마크업과 javascript의 기본기가 굉장히 중요합니다. 사실 아직 많은 회사에서 웹퍼블리셔들은 jquery를 사용하는 것으로 알고 있습니다. 하지만, 장기적으로 볼 때는 순수 javascript를 할 줄 알아야 합니다. 요새는 react나 vue같은 프레임워크 환경에서 퍼블리싱 할 줄 아는 인재도 찾고 있는데 그 프레임워크 모두 javascript 기반이기 때문에 앞으로를 위해 학습할 필요가 있습니다. 4. 국비 학원보다는 차라리 부트 캠프 같은건 어떨까요? 과제형으로 진행하고 마지막엔 다같이 팀 프로젝트를 진행하는 것으로 알고 있습니다. 요새는 다양한 부트캠프가 많이 있는 것으로 알고 있습니다. 내 앞으로의 직업을 삼는 중요한 일인 만큼 커리큘럼과 후기 많이 찾아보시고 신중한 결정 내리시길 바랄게요. 무엇이 되었든 간에 자신에게 강제성을 부여하면서 공부하는 것이 중요한 것 같습니다! boottent.sayun.studio/camps

[@jaboo3469]

디자인 재능 1도없는 백엔드 개발자로써 대단해보이시네요..

[@박민영-m6i]

도움 많이 되었어요 감사합니다 질문이 있는데 포토샵 하실때 포토샵앱 구매하시고 하신건가용?

[@hyemem]

요새는 포토샵을 사용하는 에이전시는 별로 없어요! 퍼블리셔 준비하는거라면 피그마 추천드립니다 (무료이고, 웹에서 사용 가능합니다)

[@박민영-m6i]

@@hyemem 감사합니다! 영상 너무 잘보고있어요 자주 영상올려주세요

[@RonnieOh-61]

웹퍼블리셔를 준비하는 대학생입니다! 저는 컴퓨터 관련 학과라서 디자인 분야는 거의 모르는데 이 직업을 준비하시면서 포토샵이나 일러스트레이터도 준비를 하셨었나요?? 대부분의 회사에서 이 두가지 요건들도 포함시키길래 조금 걱정이 되네요.. 디자인 관련 자격증을 따야되는지 혹은 이 직종이 디자인쪽으로 비중이 큰지 궁금합니다

[@hyemem]

저는 포토샵은 배웠습니다만, 제 생각에는 퍼블리셔가 다룰 줄 알아야 하는 프로그램은 제플린, 피그마 (디자인 간격, 크기 등 확인용), 포토샵 기본정도만 알면 된다고 생각합니다! 자격증까지 필요하지 않을 것 같아요~ 저는 사실 디자인과 퍼블같이 구하는 곳은 아예 지원하지 않았어요! 그 이유에는 기업에서 그만큼 페이를 많이 주는 것도 아니고, 제가 디자인 전공이 아니었기 때문도 있었습니다~ 그리고 미래를 생각했을 때, 전문성이 떨어진다고 생각했습니다!

[@이지연-d8d]

안녕하세요 현재 국비지원으로 웹퍼블리싱과정을 듣고있는 학생입니다. 국비지원 과정이 거의 마무리되어 가는 시점에 hyemem님 영상을 시청하게 되었는데 hyemem님 영상을 보고 충격을 받아 댓글을 남기게 되었어요..! 저의 포트폴리오와는 차원이 다른것같아서 갑자기 많은 고민이 되네요 ㅎ.. 혹시 hyemem님이 포트폴리오에서 진행한 프로젝트들은 국비지원 과정에 도움을 받은것일까요 아니면 개별적으로 진행한것일까요?! 제가 수강하고 있는 국비지원의 경우 클론코딩을 위주로 포트폴리오를 제작하고있어 포트폴리오 보강의 필요성을 많이 느껴 이것저것 알아보고있는 상황이라 hyemem님께 여쭤봅니다! 좋은 영상 남겨주셔서 감사합니다! :)

[@hyemem]

안녕하세요 지연님~ 학원에서 배우면서 한 클론코딩을 포트폴리오에 포함하면, 그 학원 수료하신 분들이 모두 비슷비슷한 웹에이전시에 지원할 것이라고 예상되어 면접관 입장에서는 ’ㅇㅇ학원은 요즘 이런식으로 복사붙여넣기식으로 과정을 진행하나보다‘ 생각하실거라고 생각했습니다! 그래서 전 국비과정에서 진행했던 클론코딩은 모두 제 포트폴리오에서 제외하고 진행하였습니다!

[@이지연-d8d]

@@hyemem 답변 감사합니다! 정말 대단하시다는 생각이 들어요 덕분에 더욱 열심히 해야겠다는 의지가 생겨난것같습니다🤣🤣 감사합니다 ㅎㅎ

[@thankyou797]

잘받습니다. 혼자서 JS로 다하신거구나....국비로 다녔는데 쌤의 도움으로 했고...강의를 들으면서 한거라. 100%혼자 다 안해서;;;다 해야겠죠?..강의 보면서 한거라 다 스스로 안했는데..다시 해야겠죠?;;;;

[@hyemem]

응용할 수 있는 능력은 되셔야 하겠죠?? 무언가 웹 사이트에서 자주 쓰이는 모바일 메뉴라던가, Top 버튼이나, 그런것들은 코드로 짜는 능력이 있어야해요! 실제로 회사에 들어가게되면 기획쪽에서 원하는 기능들은 여러 종류가 있을거고, 그 기능을 짜서 퍼블리셔가 구현하는거기 때문에 응용력은 필수입니다~ 물론 처음에 하시는건 당연히 강의나 선생님의 도움이 필수적이지만, 이후에 그 기능에 대한 정확한 이해, 응용은 반복적으로 사이트를 만들어보면서 자신의 것으로 만들고 습득하는것이죠! 열심히 하다보면 혼자서도 기능을 짤 수 있을겁니다 🥰🥰

[@thankyou797]

@@hyemem 완벽히 다 하시고 면접에 임하셨구나.모레 면접인데 큰일이네요 국비수료하고 6갤지났는데도 포폴보다 다른강의 따라식으로 치느라;;;; 많이 만들어봐야겠어요..사이트 아무것나 쳇해서 만들면될까요..

[@thankyou797]

@@hyemem 맞다 저도 Rock's 유툽보고 자바스크립트도움좀 받았네요.실제로 수업들으신거죠?ㅎㅎ 다시한번 영상 봐야겠어요.

[@hyemem]

@@thankyou797 모레 면접이시면 본인 포트폴리오레 대한 질문이 들어올 수 있으니, 본인이 사용한 코드에 대한 해석 위주로 공부하셔요!

[@hyemem]

@@thankyou797 Rock's easyweb님 실제 수강생 아니고 저도 유투브 보면서 공부했습니다~ 사이트는 어떤 사이트든 상관없어요! 전 카테고리 분야별로 작업했습니다~ (스포츠웨어, 화장품, 음료, 인테리어 등)

[@러진-t9l]

굉장히 잘하시네요 새 포트폴리오를 만들어야 하는데 아직 감이 안잡혀서 진행도 못하고 있어요...

[@hyemem]

영상 참고하셔서 좋은 포트폴리오 만드시길 바랍니다 🙏

[@햇살-v1d]

너무 멋있어요~~!!!!퍼블리셔 인재가 여기있었네여🤭

[@hyemem]

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

[@김준호-w4s]

혹시 리액트, 넥스트 사용하는 회사의 퍼블리셔로 취직하려면 라이브러리 프레임워크 다룰 줄 아는 게 플러스 요인이 될까요? 포폴 넥스트랑 사스로 작업하고 있는데 어떻게 생각하시나요

[@hyemem]

뭐든간에 프레임워크를 사용할 줄 안다는건 당연히 플러스 요인이 될 것 같습니다~사스정도는 요새 신입이어도 기본적으로 아셔야 한다고 생각합니다!

[@arma2700]

영상 잘봤습니다! 관련학과라 하시면 컴퓨터공학과를 졸업하신건가요?

[@hyemem]

저는 c언어,파이썬과 같은 프로그래밍언어와 에프터이펙트,프리미어를 이용한 영상편집을 같이 배우는 학과를 나왔습니다 :)

[@hyemem]

큐엔에이 영상보시면 더 자세히 설명되어있어요 참고 부탁드립니당😊

[@yhch6271]

과외하실 생각은 없으신가요..학원에서 짜여진대로만 따라가기가 너무 벅차네요 ㅜ

[@hyemem]

히엑 전 누군가를 가르칠만한 실력은 아니에여😭😭 기초부터 클론코딩 강의해주시는 유투버분들 영상 참고해보세요!! 웹스토리보이나 리베하얀 등 유명하신 퍼블리셔 유투버분들도 많구 이분들중에 단체 과외도 하시는 것 같았어요👍 인프런같은 강의 사이트도 추천드립니다! (무료도 있어요!)

[@뽀실애기-o5r]

안녕하세요 포폴 준비하면서 보게 됐는데 정말 도움 많이 됐습니다 :) 궁금한 부분이 있는데 예를 들어 prev, next 버튼을 자바스크립트로 짠다면 동작 원리를 하나하나 다 이해해서 구글링 없이 코드를 직접 만드셨나요 ㅠㅠ? 저는 어떤 동작을 하게 하려면 ~이런이런 선언을 한 다음 이렇게 코드를 쓰고,,,일케 사고? 하는 게 넘 어렵고 결국에 구글링으로 다 뒤져서 겨우겨우 만들어보긴 하는데 이렇게 해서 운 좋게 취업한다고 해도 실무에서 암것도 못하게 되는 게 아닌가 싶고 넘 걱정이 많아서요 ㅠㅅㅠ

[@hyemem]

저는 현직자로 일하고 있는 언니에게 피드백을 받기도 하고, Rock's easyweb 유투버님들을 비롯한 구글링으로 공부하면서 스트립트를 짰고요! 구글링없이 기능 못 짭니다 하면서 찾아보고 배우는거지 시작부터 모든 원리를 짤 순 없어요! 현직자들도 실무에서 안 풀리는 게 있으면 구글링 많이 합니다 너무 부정적으로 생각하지마세용

[@뽀실애기-o5r]

넘 위로가 됐어요 ㅠㅠ,,,막히는 부분이 많아서 이게 맞는건가 내가 멍충한건가 이러면서 자책 많이했는데 ㅠㅠㅠ 감사합니다

[@hjlim6990]

30대 남성인데 웹퍼블리셔 내일배움카드로 직업훈련을 통해 취업을 준비해볼까 합니다 남성도 취업이 잘 될까요? 자격증은 어떤 자격증을 취득해야 할까요?

[@hyemem]

제가 남성분 취업률은 잘 모르겠지만 제가 다녀본 회사 기준으로 말씀드리면 성별이 대부분 여성분들이긴 했습니다! 하지만 실력이 좋으시다면, 취업 성공하실 수 있으실거에요! 자격증은 정보처리기사 있으면 좋은 정도입니다!

[@루이의일기장]

취업 목적으로 포트폴리오 완성하구 3개월동안 50군데 넣어봤는데 어떤점이 문제인지 하나도 연락이 안와서 슬프네요 ㅠ

[@hyemem]

본인이 생각했을 때 기본기가 충분하다는 생각이 드시면, scss나 Vanilla.js, 사이드 프로젝트 멤버 구해서 프로젝트 많이 경험해 보시면서 실력도 쌓고 포트폴리오도 늘리면 좋을 것 같습니다ㅠㅠ 취업은 운이에요 정말로 너무 상심하지 마시고, 꾸준히 하시면 분명히 좋은 결과 얻으실 거예요🥲🥲

[@오두막-i5o]

와 플러그인없이 ...고생하셨네요ㄷㄷ 전 맨날플러그인만써서 바닐라js로는 스크립트짜기가 힘드네요. 현업에서 jquery쓰고계신가요

[@hyemem]

참고로 해당 포트폴리오는 순수 스트립트는 아니고 제이쿼리로 짠거긴 합니다! 현재 재직중인 회사에서는 제이쿼리 사용하고 있습니다 👍

[@오두막-i5o]

@@hyemem jquery로라도 저정도 구현이면 정말 잘하신거같아요. 저도 플러그인없이 구현하는걸 연습해봐야겠네요. 답글 감사합니다. 좋은하루되세요~~

[@박수빈-h6i]

좋은 영상 감사합니다.

[@hyemem]

영상 봐주셔서 감사합니다 👍

[@moment5220]

안녕하세요. 뭐 한가지만 여쭤봐도 될까요? 기존 사이트 기반으로 포트폴리오를 만드신 것 같은데요. 특정 로고 이미지 라든지 디자인을 가져올 수 밖에 없잖아요. 혹시 저작권이나 문제가 될 소지가 없나 궁금도 하고 보통 포트폴리오를 이렇게 기존 사이트를 거의 따라서 구현하는 방식으로도 하는지 궁금해서요. 제가 선지식이 없다보니, 질문이 너무 이상하게 들릴지도 모르겠습니다.

[@hyemem]

포트폴리오는 상업적 목적이 아니기 때문에, 상업적으로 사용되는 게 아니라면 저작권 문제는 없습니다~ 저는 기존 사이트를 기반으로 만들지는 않았고, 해당 브랜드만 실존하는 브랜드고, 안에 들어가는 콘텐츠들은 모두 리뉴얼해서 디자인 작업했습니다~ (무료 사이트에서 가져와도 상관없어요 사진, 아이콘 무료 사이트에서 가져왔어요) 기존 사이트랑 스타일이 다르게 디자인 바꾸는걸 리뉴얼이라고 하는데, 예를 들어 A사가 이번에 자사 사이트 리뉴얼 및 업데이트를 하는데 해당 에이전시에 맡기고싶다하면, 에이전시에서는 클라이언트와 함께 조율해서 기획서를 새로 만들고, 디자인도 하고, 퍼블도하고, 백 기능도 짜는겁니다~!!

[@moment5220]

@@hyemem 답변 주셔서 너무나 감사드려요~! 저는 포토샵같은 디자인툴 다루는 것도 미숙한 상태라서요. 작은 로고이미지 같은 경우도 애먹을 것만 같아요..^^ 혹시요. 기존의 웹사이트 정해서 크롬 개발자도구를 참고해서 거의 따라 만들어보는 것도 포트폴리오로 의미가 있을까요? 가장 고민이 되는 부분이 포트폴리오 주제를 정하는 건데요. 취업하고자 하는 회사 미리 정해서 그곳의 자격조건을 따라서 포트폴리오를 만들어보라는 말을 들었었는데요. 구직활동 할 때에는 복수의 회사에 지원을 할텐데요. 어떻게 이해해야할지 잘 모르겠어요. 혼자 공부하려니 참으로 모르는 것이 많네요. 읽어봐주셔서 감사합니다.!!

[@parkjuseob]

그럼 git으로 올리신거에요??아니면 ftp로 올리신거에요??

[@hyemem]

생성한 도메인에 보여지기 위한 파일 업로드는 파일질라를 통해 올렸고, 소스코드 관리를 위한 소스 업로드는 git에 소스트리나 git extensions 같은 GUI 프로그램을 통해 업로드 하였습니다!

[@jeanj531]

안녕하세요 올려주신 영상 반복해서 보면서 포폴 준비중에 있는 취준생 입니다. 직접적으로 도움되는 말씀들 많이 해주셔서 너무너무 큰 위안을 얻었습니다! 하나 여쭤보고 싶은게 있는데, 포트폴리오에 기재하는 프로젝트 수량이 많을수록 좋은가요? 웹표준, 웹접근성 최대한 준수하고 슬라이드, tob버튼, gnb메뉴 등 기능 구현한 풀페이지 프로젝트 1개와 반응형 구현한 프로젝트 1개 총 2개 이렇게 제출할 생각하는데 너무 적을까요? 영상 보면 플젝 수량이 되게 많은것 같아서 평균적으로 3-4개는 되야하나 싶어서 댓글 드려요!

[@hyemem]

몇개를 해야한다는건 없지만 대부분 포트폴리오라고 하면 4개정도는 있더라구요🥲 양치기같은 느낌이긴 하지만, 모바일 프로젝트도 하나 구현해보시면 좋을 것 같습니다! 모바일의 경우 시안이 2배수, 3배수로 작업되어서 퍼블하기 번거로울 수 있지만 이 또한 실무에서 많이 하게 될 작업입니다! 모바일 하나만 더 하시구, 서류전형 넣으시면서 공부하시고 프로젝트 하나씩 더 늘려나가시는건 어떠세요! 저두 그랬습니다 ㅎㅎ

[@jeanj531]

@@hyemem 앗 네 모바일 버전 프로젝트 더 추가해서 준비해볼게요! 혹시 모바일 프로젝트 작업하실 때 디자인 시안 같은건 어떻게 구하셨는지 여쭤봐도 될까요? 구글링해서 나오는 프로젝트들 보면 피그마로 디자인 시안 받아서 작업하는 경우가 많더라구요. 그래서 그런 시안들을 공유하는 사이트가 있는건지, 아니면 개인적으로 구한건지 궁금했습니다..!

[@hyemem]

@@jeanj531 시안을 구할 수 있으면 구해서 작업하는 게 좋을 것 같아요! 저는 제가 찾을 때는 무료 시안이 많이 없어서 그냥 제가 만들어서 작업했습니다!! (무료 사진, 무료 아이콘 이용해서 핀터레스트에 나오는 웹,앱 사이트 참고해서 레이아웃 잡았습니다)

[@jeanj531]

@@hyemem 상세한 답변 정말 감사드려요.. 구글링, 카페글, 유튭 다 뒤져봐도 알려줄듯 안알려주고 애매모호하거나 유료강의 유도로 빠지는데, 이 영상은 정말 취준생에게 한줄기 빛과 같은 존재예요.. 꼭 하반기에 취뽀해서 기쁨의 댓글 달러올게요 🫶🏻 좋은 밤 되세요 !

[@peterpanfantasyworld]

hyemem님 영상 보고 도움 많이 얻고 있는 퍼블리셔 준비생이에요! 현재 프론트엔드 7개월차 과정 학원에서 4개월차까지만 배우는 퍼블리셔 과정 수강중인데 원래 커리큘럼은 html,css,javascript + 리액트, 타입스크립트, 통신 관련한 것들이었는데 새로 수정된 커리큘럼에서는 리액트와 타입스크립트.통신 과정이 빠져서 딱 javascript까지만 배울 수 있더라구요... hyemem님은 학원에서 배우실 때 어디까지 배우셨는지, 그리고 실무에서 타입스크립트와 리액트를 사용하시는지 궁금해요....!

[@hyemem]

저는 포토샵과 html, css, jquery까지만 배우고 나머지 1-2달 기간은 포트폴리오 만드는 시간으로 썼던 것 같아요! 리액트나 타입스크립트 같은 경우는 프론트엔드개발자분들의 영역이고, 퍼블리셔는 html,css,scss,jqeury를 이용한 간단한 탭메뉴, 메뉴, 슬라이드 등을 구현하는 일을 합니다~ 원하시는 직무에 따라서 배워야하는 범위가 달라져요!

[@peterpanfantasyworld]

@@hyemem 감사합니다.. 요즘 퍼블리셔가 해야되는 영역이 많아져서 저희 강사님은 리액트가 반필수라고 말씀하셨는데 꼭 그런 건 아니였나보네요 배우면 좋은 정도.... 감사합니다!!!!

[@hyemem]

회사마다 요구하는 게 다를 것 같긴 하네요! 저는 2년전 취업할 때 기준으로 말씀드렸습니다만 리액트랑 뷰 사용할 줄 아는 정도로 취업시 어필사항이 될 수도 있을 것 같네요

[@peterpanfantasyworld]

@@hyemem 네 감사합니다 ㅎ_ㅎ 일단 하던 자바스크립트나 열심히 해야겠습니다 좋은 밤 되세요 : )

[@bunnyb115]

안녕하세요! 좋은영상 너무너무 감사드립니다 많은 참고가 될것 같아요ㅠㅠ 혹시 괜찮으시다면 실무에서 메뉴의 배열을 display: flex; 를 지양하는 이유를 알려주실 수 있으실까요?ㅠㅠ

[@hyemem]

안녕하세요! 영상에서 말씀드린 부분은 float를 사용해서 고정 width값을 주는 방식이 잘못되었다는 말씀을 드리고 싶었습니다! display:flex는 다른 문제로 글씨 배열에 충분히 쓰일 수 있지만, 프로젝트 특성상 ie8까지 고려해야하는 등 flex를 쓸 수 없는 경우에 글씨 배열은 inline-block을 사용하는 것이 일반적이라고 생각하시면 될 것 같습니다!🙏 저 같은 경우는 글씨 배열과 같은 작은 요소의 경우, inline-block을 사용하고, 레이아웃과 같은 큰 요소의 경우 flex를 쓰고 있습니다!

[@bunnyb115]

@@hyemem 아하!! 익스플로러 버전 때문에 그랬었군요!!ㅠㅠ 꼼꼼하고 친절한 답변 넘넘 감사드립니다ㅠㅠ inline-block같은 경우에는 세로축 정렬 관리하기가 힘들어서 flex를 자주 썼는데 익스플로러에 대한 경각심 다시한번 세기고 갑니다....👍👍👍👍👍

[@김준호-w4s]

요즘도 ie8 고려해야하나요?

[@인생-d8z]

안녕하세요 영상 너무 잘 보았습니다. 따로 연락드릴 수 있는 방법이 없어서 댓글로 연락드려요. 혹시 외부 프로젝트도 진행하시나 하고요??

[@hyemem]

외부 프로젝트가 어떤거 말씀하시는걸까요? 스터디나 교육을 따로 진행하는지 여쭤보시는건가요??

[@인생-d8z]

@@hyemem 스터디나 교육은 아니고요. 싸이트 제작이나 기획을 문의드렸어요~~

[@hyemem]

아 네네 저는 따로 외주를 받고 있지는 않습니다~ㅠ

[@인생-d8z]

@@hyemem ㅜㅜ 넵 정말 아쉽네요 기회가 되면 꼭 다음에 한번 작업해봐요~

[@그라데이션soh]

혹시 학원 어디 다니셨는지 알려주실수있으실까요??ㅠ 디자이너인데 전향하고싶어서용..

[@hyemem]

학원을 제가 직접적으로 알려드리는건 안될 것 같아요ㅠㅠ 그리고 제가 다닌 학원을 추천드리지도 않고,,국비 교육이나 부트캠프는 많으니까 검색해보시면 많이 나올거에요!

[@user-ob5gu5zu9d]

이 직업도 학력이중요한가요? 포트폴리오만 잘만들면 고졸도 취업가능한가요? 현실적으로 조언부탁드려요..ㅠㅠ

[@hyemem]

안녕하세요! 제가 질문자분의 모든 스펙을 할 수 없기 때문에, 정확한 답변은 아닐 수 있으나 같은 국비생 중에 전공자가 아니지만 퍼블리셔로 취업한 분이 있어요! 대신 웹에이전시는 아니고 인하우스였습니다~ 요즘 워낙 어리고 전공자이신 분들도 에이전시에 많이 지원하시기 때문에 에이전시는 어려우실 수 있어도, 인하우스는 포트폴리오 완성도와 정보처리기사 자격증 등이 있으면 충분히 커버될 수 있는 부분이라고 생각합니다! (에이전시도 포기하지말고 넣어보세요~)

[@user-ob5gu5zu9d]

네 답변감사립니다 !

[@미니미니-y8d]

안녕하세요! 퍼블리셔 취준중에 자료 찾다가 여기까지 왔는데 저랑 비교하면 너무나 대단하신.. ㅠㅠ 이제 취준하려고 여러 기업 알아보고 있는데 혹시 취업 공고 같은거를 어디서 확인 했는지 알수있을까요? 여러 사이트에서 찾아보고있는데 에이전시는 도통 어디가 좋고 전망이 좋은지 모르니까 막막하네요.. 도움이 될만한 정보 있을까.. 싶어서 댓글 달아봐요! 실례되는 질문이면 무시하셔도 됩니다!

[@hyemem]

저는 사람인이나 잡코리아에서 직무 > IT•인터넷 > HTML•퍼블리싱•UI개발 등으로 필터 해놓고 '웹에이전시'나 '웹퍼블리셔' 이런식으로 검색했고, 기업 규모나 해당 공고를 통해서 회사 홈페이지에 들어가봤고, 규모가 작은 프로젝트가 아니라 대기업 위주로 포트폴리오가 있는 기업을 찾아서 지원했어요! (잡플래닛에 해당 기업 이름 검색해서, 기업 후기나 연봉도 참고하긴 했어요) 그리고 이력서도 공개 설정해두어서 여러 기업해서 연락 올 수 있도록 설정해두었어요!

[@미니미니-y8d]

@@hyemem 자세히 알려주셔서 감사합니다ㅠㅠ!! 많은 도움 얻고가요 정말!! 화이팅 할게요!🍀

[@당근양파-y7g]

저 궁금한게 있는데.. 페이드 인 아웃 같은 애니메이션 효과는 처음에 어떻게 공부하나요..? 클론코딩 하면서 원리 이해하고 외우면 될까요??

[@hyemem]

네네 저는 퍼블리셔 유투버분들 영상 많이 보면서, 저절로 지식이 습득된 것 같습니다! 사실 쓰이는 것만 쓰이기 때문에 그렇게 많지도 않아서 이것 저것 실습해보면서 공부하시다 보면 자연스럽게 외워지실거에요☺️

[@rucete_]

안녕하세요 영상 너무 도움 돼요 감사합니다 :) 혹시 이력서에 성장과정, 성격의장단점 같은 기본적인 자소서가 아닌 보여주신 canva를 이용하여 제출하신건가요?

[@hyemem]

기본적인 자소서와 함께 canva를 이용한 자기소개 pdf 파일을 첨부했습니다~

[@rucete_]

감사합니다 !!!! :)

[@rucete_]

혹시 ,, 에이전시는 야근이 많나요? 다니는 회사마다 다르겠지만 다니시는 회사는 어떠신지 궁금해요 !

[@hyemem]

회사의 영업 스킬과 주요 클라이언트와의 관계 등에 따라 달라질 수 있는 부분인데, 대부분 야근이 많긴 합니다! 저희 회사는 파견이 아니라 자사에서 작업하는데, 업무강도는 프로젝트마다 달라서요! (바쁠 땐 바쁘고 아닐 땐 아닙니다) 포인트는 쉴틈없이 바쁜 회사인가 아닌가인데 파견 나가는 회사는 파견 나갈때만 바쁘고, 본사에선 주로 유지보수나 작은 프로젝트를 하는걸로 알아요! 지원하고자 하는 회사의 포트폴리오를 보시고, 프로젝트 규모와 기간을 잘 살펴보시면서 판단하시는게 좋을 것 같습니다!

[@우리김짱구]

안녕하세요 코딩 때문에 고민이라 이렇게 댓글로 여쭤봅니다 ㅠ 저는 코딩을 하나도 모르는데 디자인 웹사이트 구동을 넣어 포폴을 만드려는데 디자인나스에서 코딩2개월 과정을 들을지 국비 2개월을 들을지 고민입니다 ㅠ 나스는 비싼데 구동이 좀 화려하고 선생님이 어느정도 도와주신다?만들어주신다는데? 국비에서 2개월 배운걸로 혼자 사이트 구동 같은게 될까요?ㅠㅠ

[@hyemem]

안녕하세요 먼저 댓글을 남겨주셔서 감사합니다. 디자인 웹사이트 구동을 넣는다는 말이 정확이 어떤 말씀이시고, 코딩을 모르신다고 하셨는데 어떤 직무를 준비중이실까요? 혹시 웹 디자이너 직무를 준비중이신 분일까요?

[@우리김짱구]

@@hyemem 학원에서 웹사이트에 구동 HTML,CSS등을 간단하게 배워 움직이는 웹사이트 포폴을 만드는데 엄청 얕게?배우고 딱 포폴용으로 만드는 그런 수준의 코딩을 알려준다고 하더라구요 근데 저는 웹디자이너 직무를 지원하지만 지방 취업 특성상 운영 같은 코딩을 어느정도 해야할거 같아서요

[@hyemem]

2개월 강의 듣고, 코딩할 수 있냐고 물어보셨는데 javascript 기능 구현 안하면 1-2주만에도 가능합니다. 넉넉잡아 html,css 개념을 배우는건 일주일이면 다 배워요! (제 경험상 말씀드립니다. 사람마다 다를 수 있음) 그 이후로는 본인이 실습해보면서 익히는거거든요~ 움직이는 웹사이트라는게 스크롤에 따른 인터랙션을 말씀하시는건지, 아니면 간단히 css animation으로 반복적으로 움직이기만 하는 효과를 원하시느냐에 따라서 학습 기간과 습득하는 시간이 달라질 것 같습니다. + html, css정도만 알아도 되는거라면 개인적으로 2개월을 쓰는 것보다는 인프런이나 다른 온라인 무료 강의를 들어도 충분하다는 생각이 들긴 합니다! 이론 강의 하나 들어보시고, 클론 코딩 프로젝트 한번 해보시면 사실 간단한 개인 포트폴리오정도는 만드실 수 있습니다. javascript 기능구현까지 하고 싶으시면, 학원을 다니시는 게 좋겠습니다만 사실 html, css 정도는 넉넉잡아 1-2주면 이론은 마스터 가능하다고 생각하구요! 개인적인 의견이니, 참고해보세요 참고 강의 사이트) www.inflearn.com/courses?charge=free&s=html&order=search

[@jy4584]

전공자 신가요? 비전공자시라면 어떻게 배우게 되셨고 어디서 배우신건가요?

[@hyemem]

안녕하세요~ 영상에서도 이미 언급드린 부분이지만, 전 전공자이며 졸업 이후 국비교육 수강하였습니다~

[@민구-c8h]

웹 공부한지 한달 정도 된 초보입니다. 다름이 아니라 저두 클론코딩 해보려고 하는데 웹 디자인 모아진 사이트 같은 곳이 따로 있나용..? 초보라 아무것도 몰라서 여쭤봐용ㅠㅠ

[@hyemem]

웹디자인 피일이 모여져있는 사이트는 잘 모르고, 제가 취준할 때 디자인 참고했던 실제 사이트 모아진 곳 몇개 남겨드릴게요 지디웹 www.gdweb.co.kr/main/ 디비컷 www.dbcut.com/bbs/index.php - 퍼블리셔보단 웹디자이너들이 작품을 올리는 사이트에요 (직접 디자인 하시게 되면 참고하시면 좋을 것 같아요) 비핸스 www.behance.net/ 드리블 dribbble.com/ - 외에도 핀터레스트나 구글에 웹디자인, 클론코딩 관련 검색해보시면 많이 나올 것 같아요👍

[@제성박-b3o]

안녕하세요 혜멤님이 말한 3개월 다니신 직장에 관해서 문의드려요. 제 목표가 저가형 사이트 판매를 하고싶습니다. 혹시 어떤것을 공부하면 좋을지, 시간이 되신다면 자세히 듣고 싶습니다! 지금 현재 html css를 공부하고 있고, js 공부없이 바로 jquery로 넘어가도 괜찮을까요? 혹시 각 공정에대해 설명해주실수 있나요 !

[@hyemem]

일단 시작은 클라이언트가 원하는 콘텐츠, 레이아웃 등을 반영하여 설계서라는걸 만듭니다. PPT로 메뉴 구조도, 페이지별 화면 ID, 화면 구성과 어떤 페이지로 넘어가서 나오는 화면인지, 버튼 같은 게 있다면 어떤 페이지로 넘어가고 어떤 기능을 하는지 상세 설명도 있어야 합니다.(기획단계) 그리고 설계서를 바탕으로 디자이너가 디자인을 하고, 클라이언트나 기획단과 커뮤니케이션하면서 수정합니다 (디자인 단계) 디자인과 설계서 기능을 바탕으로 html, css, js를 이용해 화면구성을 합니다 (퍼블단계) 사이트내에 사용자 데이터로 노출 되어야 하는 부분, 로그인이나 사용자 정보 노출 페이지 등은 백엔드 개발자들이 작업합니다 (개발 단계)

[@제성박-b3o]

@@hyemem 상세한 답변 정말 감사드립니다^^

[@hj_2610]

안녕하세요 국비지원 끝나고 포트폴리오 때문에 머리 아픈데 영상 잘봤습니다 ..ㅠㅠ 포폴은 부트스트랩으로 테마 받아서 하면 면접관한테 마이너스 받을까요??

[@hyemem]

부트스트랩 사용할 줄 아는건 오히려 경험치로 볼 수 있겠으나, 모든 포트폴리오가 부트스트랩만을 이용한 거라면 마이너스될 수도 있을 것 같습니다! 실무에서는 디자이너에게 받은 시안과 프로젝트 특성에 맞춰서 css 구현이 가능해야하는데, 부트스트랩만 사용할 줄 안다면 그 능력을 증명하긴 어려우니까요!

[@와랄라-r6t]

안녕하세요 퍼블리셔 입사지원할때 포트폴리오(프로필)사이트 링크 하나만 올려도 될까요? 아니면 프로젝트 링크 다 올려야하나요? 일일이 다 올리면 다 보긴 할까 싶어가지구요…

[@hyemem]

저는 (프로젝트 링크 있는) 포트폴리오 사이트 링크만 하나 올렸습니다! 보통은 그런식으로 하는걸로 알고 있습니다~

[@와랄라-r6t]

@@hyemem 감사합니다! 혹시 포폴에 클론코딩도 도움이 될까요?

[@hyemem]

@@와랄라-r6t 클론코딩은 퍼블로는 사실 큰 매리트는 없을거란 생각이 듭니다..!🥲 기존 사이트는 사실 개발자 모드로 코드를 다 확인할 수 있어서, 100퍼센트 본인이 새로 짰다고 해도 클론 코딩이라는 것 자체만으로 눈에 띄는 포트폴리오는 아니에요~ 개인적으로 클론코딩은 본인 연습용 정도라고 생각합니다. 클론코딩을 넣길 원하신다면 한개 정도는 괜찮을 것 같고, 기존 스크립트 코드는 이런식인데 본인은 다른식으로 코드를 짰고, 그 이유와 효율성을 정리해서 명시하면 더 괜찮을 것 같기도 합니다! 아예 새롭게 진행하거나, 도중에 인원을 구하는 사이드 프로젝트에 들어가서 (1차 배포가 된 웹앱인데 기능 추가하는 과정에서 새로운 퍼블리셔를 구한다거나 하는 경우) 남의 코드를 분석하고, 기존 가이드 스타일에 맞춰서 추가 페이지를 치거나, 더 나은 기능을 새로 짜고 추가하는 고도화 경험이 있다 정도는 괜찮을 것 같습니다.

[@와랄라-r6t]

@@hyemem 정성스러운 답변 감사합니다 :)

[@allidoit3742]

디자인툴도 다 사용하시나요??

[@hyemem]

취준할 때, photoshop으로만 시안 작업을 했었고, figma는 간단한 사용법 정도는 알고 있다고 말씀드렸었습니다~

[@카카오-t2j]

아직 유튜브 답글 보시는지 모르겠지만... 진입장벽이 어느정도가 될까요?

[@hyemem]

상대적인 부분이라 말씀드리기 어렵습니다ㅠㅠ 인프런이나 페스트캠퍼스 같은 프로그램을 통해서 직접 언어에 대해 공부해보시면서 이것이 본인에게 맞는지, 심화과정을 배우면서 업으로 삼을 수 있을지 판단하는 것이 중요할 것 같습니다!

[@myeongjueom6620]

혹시 노트북 어떤거 사용하실까요 ㅠ

[@hyemem]

hp 파빌리온 15-cs3015tx 입니다!

[@grazioso1711]

영상 너무 도움 많이 되었습니다 감사해요!! :) 저는 국비끝나고 서류광탈이라 3개월째 포트폴리오를 다시 만들고 있는데요ㅠㅠ 한 사이트를 디자인만 참고해서 메인부터 서브까지 10~15페이지정도 제작하려고 하는데 괜찮을까요? 모든 사이트 반응형, 슬라이드, 모달창 서브메뉴 등등 포함해서요! 아니면 hyemem님처럼 직접 디자인한 사이트를 보여주는 게 필수인지 궁금해요~!

[@hyemem]

아뇨 디자인은 전혀 필수가 아니에요!! 어차피 본인이 직접 디자인해서 포트폴리오 만들어도, 퍼블리셔 포트폴리오는 본인이 100프로 디자인을 한 건지, 아니면 어디서 따온 건지 잘 모르시더라고요 (자소서를 꼼꼼하게 읽지 않는 곳은)

[@hyemem]

메인부터 서브까지 페이지 제작해 보는 건 좋은 경험인 것 같아요~ 대신 서브 페이지 개수는 그렇게 많지 않아도 될 것 같아요 3-5페이지 정도? 면 충분할 것 갈습니다!

[@pwm635]

지원하실때 포폴기획서 PPT도 작성해서 제출하셧나요?

[@hyemem]

아니요 저는 포폴url과 자기소개서만 제출했습니다!

[@pwm635]

@@hyemem 답변 감사합니당~~

[@kyoung6340]

안녕하세요 헉시 그전에 국비학원다니신건가영???

[@hyemem]

0:54 5개월 과정 국비학원 다녔습니다~

[@kyoung6340]

@@hyemem 학원 알아보고있어서요ㅠㅠ 혹시 학원명 알 수 있을까요??? 포토폴리오도 학원에서 다하신건가요? 너무 예뻐요ㅠ

[@hyemem]

제 큐엔에이 영상 보시면 알 수 있으시겠지만, 전 제가 다닌 국비 학원은 비추이고요! 제가 다닐 때 있으셨던 선생님이 별로였는데, 지금은 강사진이 어떻게 바꼈는지는 모르겠네요 직접적인 언급은 피하겠으나 서울 S지역에 있는 G학원이었습니다 거의 혼자 독학하는 수준으로 준비했습니다~ 학원에서 찍어내듯이 같이 한 작업물은 포트폴리오에 넣지 않았습니다!

[@kyoung6340]

@@hyemem 헉 네 빠른 답변 감사합니다 🥹🥹 혹시 퍼블리셔 야근 많다고 들었는데 사실인가욤.. 직업 만족도 괜찮으신가용

[@hyemem]

웹에이전시의 경우에만 그렇고, 일반 회사와 같은 인하우스에 들어가시면 야근은 많지 않으실 것 같아요~ 에이전시에서도 프로젝트에 따라 다르고, 시기마다 다른 것 같습니다! 시간 되신다면, 제 큐엔에이 영상 봐주시면 좋을 것 같습니다~ 지금 여쭤보신 질문 포함 많은분들이 직무 관련 질문 주신 것 모아서 답변해드린 영상이라 도움이 되실 것 같네요 kzbin.info/www/bejne/e5OWaJKInbOIjaM

[@homies5593]

혹시 개인적으로 주말 과외 가능할까요?….단기로 라도

[@hyemem]

죄송합니다ㅠ 아직 개인 과외는 생각이 없어서요ㅠㅠ 다른 유투버분들중에 개인과외하시는 분들도 있고, 인프런이나 다른 강의 사이트도 잘되어있어요!! 🥲 찾아보시면 독학하시는데 도움이 될 것 같습니당

[@hyemem]

제가 취준할 때 많이 참고했던 웹스토리보이님도 지금 스터디 과외 구하고 계시던데 혹시 도움되실까싶어서 링크 가져왔어요 m.cafe.naver.com/crossbrowsing/10982

[@jen-b6b]

안녕하세요! 면접전에 우연히 hyemem님 영상을 보게 되어서 앞으로 어떤 방향으로 해야 할 지 계획을 다시 세우고 있어요! 다행히도 제이쿼리는 이지웹에서 공부하고 있는데, 혹시 알려주신 유튜버님들 중 html,css 공부는 어떤 영상을 주로 보셨는지 여쭤봐도 될까요? 그리고 인프런에서도 추천해주실 만한 강의 제목도 알려주시면 참고해서 다시 공부해서 포폴 보안해보려구여 ㅜㅜ 영상 정말 빛과 소금입니다 ㅜ 너무 감사합니다!

[@hyemem]

저는 취준생 때 Rock's easyweb님, 리베하얀, 웹스토리보이, 드림코딩 엘리, 1분 코딩, 김버그님 영상 많이 보았습니다!

[@hyemem]

전 인프런에서 해당 강의로 scss를 처음 접했는데, 잘 설명해주셔서 추천드립니다 😊 영상 봐주셔서 감사합니다 www.inflearn.com/course/css%EC%97%90-%EB%82%A0%EA%B0%9C%EB%A5%BC-%EB%8B%AC%EC%95%84%EC%A3%BC%EB%8A%94-sass-scss

[@jen-b6b]

@@hyemem 와우 ㅜㅜ 감사드립니다!!!! 추천해주신 영상 위주로 다시 한번 화이팅 해볼게요!! scss는 저도 완전 처음인데 너무 궁금했었거든요 ㅜㅜ 정말 좋은 정보 감사드립니다! hyemem 님 덕으로 취뽀까지 해볼게요!!!