개발자

프론트엔드 취업 준비와 애프터이팩트

2024년 06월 21일조회 97

안녕하세요. 이제 막 프로그래밍 언어를 배우고 프론트엔드로의 취업을 희망하는 느지막한 학생입니다. 이번 방학에 포트폴리오 준비 겸 취업준비를 위해 평소 제가 만들고 싶었던 웹페이지를 만들어보려고 합니다. 그러기 위해서는 제가 꼭 필요한 웹페이지 효과를 생각해봤고 검색을 해보았는데, Falling and stacking effect라고 하여 위에서 떨어지면서 아래부터 쌓이는 효과입니다. https://www.youtube.com/watch?v=wsMhvtSOzYY 파이썬 독학하고 C언어는 학원수강으로 빠르게 해치운 뒤 JS와 리액트로 웹페이지를 만드려고 했는데 이 효과는 애프터 이팩트를 통해 만들어내더라구요. 막상 토이프로젝트를 통해 웹페이지를 개발하려고 하니 애프터 이펙트가 필요한 것 같은데 실무적으로 프론트엔드 일을 하기 위해서는 애프터이펙트를 다룰 줄 알아야 하는건가요? 토이프로젝트로 포트폴리오 만들때 애프터이펙트 활용하면 좋은지 아니면 조금 과한 것인지 궁금합니다!

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

백승훈님의 프로필 사진

해당 부분은 개발과 관계없이 단순히 디자인과 CSS 영역입니다. 아마 웹 개발자 (프론트엔드)를 조금 검색해보시고 로드맵을 보면 아시겠지만 요즘 추세에서 해당 디자인의 구현이나 적용은 개발자의 영역과는 조금 떨어져 있습니다. 웹사이트를 만들고 움직이는 GIF이미지를 그냥 보여주는 (혹은 만들어서 전달받은 이팩트 효과를 적용하는) 정도가 개발자가 보통 하는일입니다. 제 주변에 저걸 쓰는 프론트엔드 개발자는 못 본것 같은데.. 과한지의 여부를 떠나서 취준목표가 개발자인지 UI&UX 디자이너 (혹은 퍼블리셔나 에이전시)인가를 먼저 정하셔야 할 것 같습니다. 둘 다 장단점이 있습니다.

profile picture

익명

작성자

2024년 06월 21일

답변 감사합니다. 그렇다면 만약 제가 혼자 토이프로젝트를 만들 때 저런 이미지(책이 위에서 떨어져서 쌓이는 애니메이션)를 삽입하려면 외주를 맡겨서 비용을 지불해야하는 수 밖에 없나요? 아하...그래서 보통 디자이너와 같이 토이프로젝트를 진행하는 건가요?

백승훈님의 프로필 사진

백승훈

프론트 엔드 개발자 (FE)2024년 06월 21일

정 쓰고 싶으시다면 직접 만드셔도 되긴 하는데 시간이 오래걸리고 개발자랑 관계없이 단순히 디자인을 한게 되는거니까.. 협업이 가능하면 서로 분담하는 방법도 있습니다.

profile picture

익명

작성자

2024년 06월 21일

감사합니다!! 구글에 검색해보니 비슷한 이미지가 있어서 토이프로젝트에 써도 되는지 제작자에게 문의해보려구요! 답변 감사합니다 더위 조심하세요!

문정동개발자님의 프로필 사진

보통 인터렉션에 관련된 정교한 애니매이션 정도를 제외하면 디자인적인 요소는 프론트엔드 개발자에게 요구되는 사항은 아닙니다. 그래서 취업용 포트폴리오 만들 때 프론트엔드 개발자가 디자인을 하지는 않습니다. 차라리 디자인적인 요소가 아예 들어가지 않는 라이브러리를 만드는것이 훨씬 더 도움될 것 같습니다. 그런데 그냥 내가 취미용도로 만드는거면 뭐라도 할 수 있죠. 저는 프론트엔드 개발자가 처음에 디자인도 하는줄알고 시작했을만큼 아름다운 인터렉션과 디자인에 관심이 많아서 혼자서 개발을 할 때에는 필요한게 있으면 배워서 하는 편입니다. 저렇게 에펙을 전문적으로 배우진 않았는데 간단한 로띠작업은 웹으로도 할 수 있어서요! 작성자님도 글을 읽었을때 저처럼 재미있고 멋진 웹사이트를 만드는데 관심이 있어보여서 응원이 됩니다! 그런데 궁금한점이 프론트엔드 개발자가 꿈이신데 파이썬,C언어를 공부하시는 이유가 있을까요..?

profile picture

익명

작성자

2024년 06월 21일

안녕하세요. 답변 남겨주셔서 감사합니다. 저도 해람님처럼 기똥차고 기발한 웹사이트를 만들고 싶어요. 응원해주셔서 감사합니다. 유튜브 보면 커피에 김이 올라가는 모습을 코딩으로도 하고 마우스 커서 위치나 스크롤에 따라 회전하는 것을 코딩으로 하는 것 보고 제가 필요한 이미지가 코딩을 통해 해야하는 줄 알았어요 ㅎ. 배우는 언어는 제가 비전공자인데, 프로그래밍언어는 배워야한다고 생각했어요. 여러 개발자 선배님들 조언 들어보았더니 C언어는 전공자가 맨 처음 배우는 언어고 기본적인 언어니 한번쯤은 배워야한다고 했고 지금 파이썬은 독학중입니다. 공부하던 것 다 끝나면 자바스크립트 인강으로 공부하게요! C언어는 다음주 월요일부터 2주간 학원강의 시작되네요.. 아마 학원강의만 듣고, 백엔드로 진로 바꾸지 않은 이상 더 깊게 공부하지는 않을 것 같아요. 혹시 조언해주실 만한 로드맵이 있을까요?

문정동개발자님의 프로필 사진

문정동개발자

프론트엔드2024년 06월 21일

개인적인 생각으로는 C언어가 전공자들이 맨처음 배우는 언어인 이유는 C언어를 배워야해서가 아니라 그냥 다들 그래왔기 때문이 더 크다고 생각합니다. 실제로 최근에는 안드로이드나, 파이썬으로 전공자들도 시작하는 커리큘럼으로 많이 바뀌고 있구요. 특히나 프론트엔드라는 직무를 정했다면 더더욱 C언어 공부는 너무 비효율적인 것 같습니다. 그리고 파이썬도 당연히 공부하는게 나쁜건 아니지만 프론트엔드 개발자를 하는데 지금 단계에서는 굳이 할필요가 없어서 효율성이 매우 떨어질 것 같습니다. 정말 큰 도움은 되긴 하겠지만 수학을 공부하기 위해서 먼저 대수를 박사 수준으로 마스터하고 확률, 통계를 배우는게 아니듯이 기초적인 자료규조 등만 알고 바로 프론트엔드 공부를 시작하시는게 좋다고 생각합니다. 제가 추천드리는 커리큘럼은 아래와 같습니다. 1. html,js,css 기초 공부 - 웹페이지 간단하게 만들어보기 2. 자바스크립트 문법공부(es6이후문법) 3. 타입스크립트 공부 - 작성해놓은 자바스크립트 타입스크립트로 바꾸면서 연습 4. 리액트,스벨트,뷰 등 SPA라이브러리 공부 이정도 하시면 꼭 백엔드 개발자,디자이너와 팀을 구해서 사이드프로젝트를 진행해보시면 다음 커리큘럼은 스스로 결정하실 수 있을거라고 생각합니다! 화이팅입니다!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2024년 06월 21일

애프터 이펙트는 주로 영상 편집이나 모션 그래픽 디자인에 사용되는 도구로, 일반적으로 프론트엔드 개발의 주요 스킬셋에 속하지 않습니다. 프론트엔드 개발자의 경우 HTML, CSS, JavaScript와 같은 웹 기술에 초점을 맞추며, 추가적으로 React, Angular와 같은 프레임워크 또는 라이브러리를 구사할 줄 알아야 합니다. 그러나 애프터 이펙트를 다룰 줄 아는 것이 전혀 쓸모 없다는 의미는 아닙니다. 특히 UI/UX 디자인과 밀접하게 작업하거나 고급 인터랙션을 구현하는 역량을 갖추고 싶다면 유용한 도구가 될 수 있습니다. 그러므로 포트폴리오 프로젝트에서 애프터 이펙트를 활용하는 것이 과하다고 할 수는 없지만, 무조건 필요한 스킬은 아니라는 점을 명심하세요. 처음부터 너무 많은 것을 하려고 하지 마시고 웹 개발 기본기를 탄탄히 하는 것이 우선입니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!