약 2년차 웹 개발자인데 제가 코딩하며 배워온 방식이 잘못된 거였나 자괴감이 듭니다.

Question

안녕하세요. 너무 글이 길어져서 미리 죄송합니다. 제가 좀 많이 혼란스럽고 조언이 절실한 상황이라서 너그럽게 양해해 주시길 부탁드립니다.먼저 저는 미국에 살며 제작년인 2022년부터 PHP와 MySQL 그리고 Javascript를 이용해 지금 일하고 있는 연구소 데이터 관리 및 주요기능들을 구현하기 위한 웹사이트 제작을 해온 엔트리 웹 개발자입니다.이 회사가 비IT 소규모 외국인 회사인데, 초봉이라 해도 평균 웹 개발자 연봉을 생각하면 작은 데다가 올려줄 생각도 안하고 웹 개발 이외의 컴퓨터 잡일들까지도 툭하면 맡기고 하는 통에 점점 스트레스가 쌓여서 이제 슬슬 새로운 자리를 알아보고 이직하기 위해 준비중이기도 합니다.그래서 시간 날 때면 PHP 외에 제가 또 리액트 js나 파이썬을 좋아해서 넥스트 js 및 django같은 웹 프레임워크를 동반한 웹 개발 온라인 코스를 듣고 코딩 연습을 하면서 새로운 기술도 익혀왔고, 또 앞으로는 부업으로 프리랜서 활동도 하고 싶어서 fiverr라는 프리랜서 사이트에 등록하여 비록 초짜지만 의뢰인도 생겨서 병행 중입니다.그리고 작년부터 깃허브 페이지를 통하여 호스팅하고 만든 포폴 웹사이트가 있는데, 제가 입사지원 때 쓸 용도로만이 아니라 나중에 이런 템플릿을 잘 다듬어서 유튜브에 영상을 올리거나 판매용으로 쓸 기회를 만들기 위해 템플릿 판매 사이트나 오픈 소스 템플릿 디자인이나 코드를 참고하여 CSS 타이핑 애니메이션, 스크롤을 내리면 감춰져있던 콘텐츠가 나타나는 애니메이션, 그리고 모바일 친화적 view를 위한 반응형 웹 디자인에 대해서도 배우고 또 연습하며 완벽하진 않지만 나름 포트폴리오로서의 모양새를 갖추고 또 그럴싸해 보이는 정도까진 구현을 해놓고 있었습니다.그런데 최근에 우연히 알게 된 IT 관련 면접관 및 리크루터 일을 하고 있다는 외국인 멘토를 만나서 제 이력서와 이 포트폴리오 웹사이트 링크를 공유하며 평가를 부탁했는데, 이력서도 그렇지만 이 포트폴리오에 대해서 &#34;내가 실제 면접 보는 상황이었다면 더 내려볼 필요도 없이 바로 닫고 다음 후보자 이력서로 넘어갔을 것이다.&#34;라는 굉장히 냉정하면서도 가차없는 쓴소리를 때려박았습니다. 이유인즉, 제가 만든 이 웹사이트가 온라인에서 흔히 찾아볼 수 있는 위젯이나 코드 등을 복붙해서 만든 게 처음 열자마자 느껴졌다는 겁니다. 100% 완성되지 않은 상태라 더 마이너스인 것은 덤이고요.제가 그래서 &#34;물론 깃허브, 코드펜 등의 오픈 소스와 예시 템플릿의 비주얼 디자인을 참고하고 일부 가져다 쓴 것은 사실이지만 그 과정에서도 내가 나만의 방식대로 폰트나 컬러 및 동작 시작과 끝나는 시간 등도 여러번 변경하고, 스스로 더 낫겠다고 생각하는 새로운 부분을 생각해내어 갖다붙이기도 하는 등 마냥 복붙한 것은 아니다. 애초에 동작시키는 로직 자체를 모르는데 어떻게 혼자 다 머릿속에서 생각해내어 로직과 디자인 코딩을 다 짤 수 있느냐. 처음에는 어떠한 개발자 및 프로그래머들도 다 그런 식으로 배우며 자신만의 창의력 및 독창성을 키우는 발판으로 삼는 게 자연스러운 것이 아니냐.&#34; 이렇게 반문했죠.그랬더니 또 돌아오는 말이 &#34;잘 들어라, 난 지금까지 너같은 개발자로 지원자들의 포트폴리오를 수도없이 많이 봐왔으며 대부분 흔히 오픈소스를 통해 쉽게 찾아볼 수 있는 것들이 많았다. 그렇기 때문에 어찌됐든지 엄밀히 니가 직접 너만의 코딩 방식대로 이 포트폴리오를 만든 게 아닌, 다른 소스를 복사해왔을 뿐이라고 말할 수 있는 것이다. 온라인에서 약 $15달러(한화로 약 2~3만원 정도 할 겁니다)에 팔리는 템플릿이나 소스코드를 복붙하는 개발자를 연봉 $8만 달러 이상 주며 고용할 기업은 어디에도 없다. 웹 개발자로서 창의적이고 효과적인 코딩을 할 줄 안다는 걸 제대로 증명해 보이려면 아무리 단순하고 작은 것부터일지라도 니가 습득해온 코딩 지식과 능력만을 활용하여 만든 포트폴리오 사이트를 보여줄 수 있어야 한다. 그럴 준비가 안 되어 있다면 처음부터 다시 공부하는 것을 강력히 권한다. 널 상처 주려는 게 아니라 진심으로 성공하기를 바라는 마음에서 하는 말이다.&#34; 이렇더라고요.그래서 제가 그러면 내가 남의 코드 안 보고 내가 아는 것만 가지고 작고 단순하든 어떻든 다시 포트폴리오를 새롭게 만들어 볼 테니 그때 또 봐줄 수 있겠냐고 물었고, 물론 언제든지 그리 해주겠다면서 너만의 기발하고 참신한 웹사이트를 만들기 위해 도전하는 것에 절대 두려워하지 말라는 말로 마무리를 해줬습니다. 그래서 저도 가능하면 남의 코드는 안 보면서 오직 저만의 아이디어로 가장 이상적인 포트폴리오를 만들기 위해 이번에는 깃허브가 아닌 리액트와 vercel을 이용하여 생성한 프로젝트에 tailwind css를 적용하여 새로운 작업을 어제부터 본격적으로 시작했고요.그 분이 하시는 말이 무슨 뜻인지는 제가 100% 이해할 수 있었습니다. 그리고 어쩌면 그것 때문에 그동안 링크드인 등의 채용공고에 수도 없이 지원했는데도 제대로 된 인터뷰가 손에 꼽을 정도로 잘 안 잡혔던 건가보다라는 생각도 들었고요(물론 총 경력 수 요구사항이 너무 높은 곳들도 많았지만요.).그런데 그런 말을 듣고 나서 막상 새로운 마음으로 다시 포트폴리오를 만들려고 해도, 이제는 이런 생각이 듭니다. 그러면 남의 소스 코드가 아닌, 제가 주로 사용하는 부스트랩5나 tailwind css 웹사이트에 들어가면 찾을 수 있는 가이드라인 문서 또는 이것들과 관련된 외부 프레임워크를 사용하는 법을 배우기 위해(CSS animation 등) 그 사이트 문서를 열람하고 각 함수 및 디자인 로직에 대한 설명과 샘플 코드를 읽으며 그것으로부터 연습하기 시작하는 것들조차도, 엄밀히 말하면 남이 만들어 놓은 것을 먼저 보고 나서 제 웹사이트에 타이핑하고 실험하는 거니까 아무리 저만의 생각을 넣어 완전히 새로운 로직이나 더 나은 코드로 업그레이드해도 온전히 저만의 것을 집어넣었다고 할 수 있을까라는 생각이 말입니다.제가 그 때 그 말을 듣고 받은 충격이 너무 커서 거의 트라우마 수준이 된 것 같아 어쩌면 지나친 수준으로 비약하는 걸지도 모르겠습니다만, 그 때 그 멘토 분이 한 말을 바탕으로 하면 마치 제가 되든 안되든 직접 다 짜서 보여주는 거 아니면 아예 포트폴리오 자체를 만들지도 말았어야 했다, 웹사이트 템플릿 디자인 자체에 대해 배우는 걸 이런 식으로 시작하지 말았어야 했다 뭐 이렇게 말하는 것처럼 들렸고 마치 지금까지 제가 해온 모든 노력이 시간낭비에 헛수고에 불과했으며, 제 자신이 참된 개발자가 아닌 단순히 복붙밖에 할 줄 모르는 아마추어인 것처럼 느껴지기까지 해서 저도 굉장히 혼란스럽더군요.물론 제가 절대로 복붙만 하는 게 아니고, 그런 식으로 편하게 돈 벌거나 프로 개발자가 될 생각을 하는 것도 절대 아닙니다. 저도 코딩 자체를 매우 좋아하고 즐기고 있으며, 남의 도움이나 오픈소스에 거의 혹은 가능하다면 전혀 의존하지 않고 혼자만의 힘으로 알아서 로직도 구현하고 웹사이트도 유저들이 원하는 대로 그리고 비주얼 쪽에서도 독창적이고 매력적으로 보이게 디자인을 잘 하는 개발자가 되고 싶습니다. 코드펜 등의 오픈 소스를 참고하는 것은 그러한 것들을 하고 싶은데 일단 기본적인 코딩 구조나 어떤 명령어를 써야 그러한 로직들을 실행하는 법도 알 수 있으니까, 그리고 아무리 혼자 머리를 쥐어싸매어 봐도 도무지 모르겠거나 생각한 대로 안 될 땐 힌트라도 얻기 위해 노력의 일환이라 생각하고 그렇게 해온 건데, 마치 아예 특정 로직 구현법에 대해 전혀 몰라도 혼자 힘으로 될 때까지 모래밭에서 바늘찾는 것처럼 해야만 한다는 건지, 그렇게 할 수 없으면 개발자가 될 자격도 없다는 건지 갈피를 못 잡겠습니다.또, 그런 식이면 링크드인 포스팅이나 개발자 유튜버들이 강의영상에 올리는 것들 중, 구글 드라이브 클론 앱이나 인스타그램 컴포넌트 클론 등도 남의 UI를 따라했으니까 자기만의 코드로 그걸 구현하는 법을 해낸 거라고 해도 창의적인 개발자라고 할 수 없는 거고 뭐 그렇게 되는 걸까요? 안그래도 구 트위터 X의 사이드바를 리액트와 테일윈드 css를 활용해서 코드 자체는 남의 것 절대 보지 않고 제 지식만으로 구현하는 걸 해보고 있었는데 이것도 계속 하는 게 맞는 건지조차 불확실하게 느껴지네요...

shintwl · Answer

그런 느낌인 것 같습니다"인강 따라가면서 만든 결과물 가지고 포폴이라고 내지 말 것"

vrerv · Answer

물론 깃허브, 코드펜 등의 오픈 소스와 예시 템플릿의 비주얼 디자인을 참고하고 일부 가져다 쓴 것은 사실이지만 그 과정에서도 내가 나만의 방식대로 폰트나 컬러 및 동작 시작과 끝나는 시간 등도 여러번 변경하고, 스스로 더 낫겠다고 생각하는 새로운 부분을 생각해내어 갖다붙이기도 하는 등 마냥 복붙한 것은 아니다. 애초에 동작시키는 로직 자체를 모르는데 어떻게 혼자 다 머릿속에서 생각해내어 로직과 디자인 코딩을 다 짤 수 있느냐. 처음에는 어떠한 개발자 및 프로그래머들도 다 그런 식으로 배우며 자신만의 창의력 및 독창성을 키우는 발판으로 삼는 게 자연스러운 것이 아니냐.말씀대로만 보면서 드는 제생각은,이미 너무 완성된 소스를 가져와서 거기에서 너무 벗어나지 않게 수정한 것처럼 느껴지네요.애초에 템플릿을 만든다는 느낌으로 하다가 안되는 부분은 고민도 해보다가, 다른 소스들을 참고하고 만든거랑, 애초에 답을 보고 거기서 수정한거랑은 조금 다른 느낌이 들것 같습니다.만들어 놓은 것을 먼저 보고 나서 제 웹사이트에 타이핑하고 실험하는 거니까 아무리 저만의 생각을 넣어 완전히 새로운 로직이나 더 나은 코드로 업그레이드해도 온전히 저만의 것을 집어넣었다고 할 수 있을까라는 생각이 말입니다.기본적으로 완전히 새로운 창작이란 거의 없지요. 대부분의 웹개발자 기준으로 어떤 선에서 창작(개발)을 해나갈것인가를 보면, tailwind css 정도를 창작할 필요는 없고, 그 기반위에 컴포넌트들을 창작하거나 다른 아이디어를 올리면될 것 같습니다. 여기에서 어떤분은 더 기저의 라이브러리까지 하고 싶을 수도 있고, 어떤 분은 tailwind css 기반 컴포넌트 위에서 할수도 있을 것입니다.지금 새로 하신다는 방법이 어떤면에서 비효율적일수도 있는데, 어떤면에서 효율적일수도 있으니 너무 트라우마 받지 마시고, 해보시면 점점 느낌이 오실거라 생각됩니다.

약 2년차 웹 개발자인데 제가 코딩하며 배워온 방식이 잘못된 거였나 자괴감이 듭니다.

2개의 답변

기술 목록