본문 바로가기

전체 글44

실무로 느껴지는 나의 부족함 : 완성도, 디테일 실무로 알아보는 나 프론트엔드 개발자로 취직한 지 3개월이 조금 넘는 시점에, 회사에서 사용할 웹 페이지를 만드는 업무를 맡게 됐습니다. 디자이너분께서 만들어주신 디자인과 간단한 프로토타입을 제공받아서 React를 활용한 웹 페이지를 만드는 작업이었습니다. 많은 디테일들과 애니메이션 구상 자체는 팀원분들이 많이 도와주셨지만, 개발 자체는 단독으로 맡은 프로젝트였기 때문에 퍼포먼스에 문제가 없게 잘 짜고 싶다는 욕심이 들게 되는 프로젝트였습니다. 본격적인 틀을 잡아나가기까지 여태 만들어온 웹 사이트들은 간단한 프로젝트로서, 공부를 하기 위해 제작된 웹 사이트인 경우가 많았습니다. 하지만 회사에서 진행하는 프로젝트는 실제로 사람들이 이용해야 할 페이지를 만들어 보는 일이었기 때문에 걱정과 기대를 동시에 안고.. 2022. 4. 20.
애플 스크롤 애니메이션을 적용한 웹 사이트 애플의 스크롤 애니메이션 애플 홈페이지에 올라오는 제품 소개 탭을 들어가 보면 스크롤에 맞춰 애니메이션 되는 웹 페이지를 볼 수 있습니다. 안 그래도 애플을 좋아하는 편이었기 때문에, 애플 홈페이지에 나오는 스크롤을 기반으로 웹 페이지에 애니메이션이 들어가는 사이트를 만들어 보고 싶다는 생각이 들었습니다. 그래서 만들어낸 웹 사이트가 'Life, Marathon'입니다. 웹 사이트의 소재 Life Marathon은 일본의 한 광고의 내용을 참고해서 만들었는데요. 애플의 스크롤 애니메이션을 이용해서 어떤 사이트를 만들어 볼지 굉장히 많은 고민을 했습니다. 그리고 그 고민의 끝에는 어릴 적 감명받았던 일본 광고의 대사를 문장으로 나눠서 보여주는 것이었죠. 그렇게 되면 바로 이전에 진행했던 Ramble 프로젝.. 2022. 4. 19.
군대에서 만든 3D 자기소개 웹 사이트 나의 첫 3D 웹 사이트 대한민국 수많은 남자들이 겪게 되는 군대에서 그저 주어진 자유시간을 흘려보내기보다는 사회로 나올 준비를 어느 정도 해놓고 싶었습니다. 그래서 군대에서 가볍게 몇 가지 프로젝트를 진행했는데, 그중 하나가 바로 3D 자기소개 웹 사이트입니다. 군대 사이버 지식 정보방에서 진행을 할 수 있을 정도로 세팅이 간편하고 쉬워야 했기 때문에 서버 작업이 따로 필요 없게 온라인 코딩 사이트에서 개발을 진행했습니다. 또한 백엔드보다 프론트엔드에 집중해서 비교적 단순한 프로젝트를 진행하고 싶어서 프론트 엔드로만 작업을 한 프로젝트입니다. 평소 가벼운 3D, 카드 모양의 요소를 약간의 3D 공간에 배치된 것처럼 보이게 만드는 작업은 해본 적 있었지만, 웹 페이지 내용의 대부분이 3D로 구성된 프로젝.. 2022. 4. 18.
기술 블로그, 왜 난 시작도 어려운걸까 기술 블로그, 나도 꼭 해야겠다 앱, 웹, 시스템, 윈도우 애플리케이션 등 어떤 것이든 구글 검색을 통해 다른 사람들이 작성해놓은 기술 블로그를 참고하고 개발을 합니다. 저 또한 다양한 기술 블로그들로부터 도움을 많이 받았고, 그만큼 누군가에게 도움이 될 수 있는 기술 블로그를 만들어보고 싶다고 생각을 많이 했습니다. 저뿐만이 아니라 모든 개발자들이 비슷하게 생각할 거 같은데요, 그럼에도 불구하고 많은 사람들이 시작을 미루고 있습니다. 시작을 미루는 데에는 다양한 이유가 있겠지만, 그중 가장 큰 이유는 욕심입니다. 처음 개설하는 기술 블로그임에도, 사람들은 높은 퀄리티의 아웃풋과, 사람들의 관심을 끌만한 블로그 디자인, 그리고 직접 블로그를 만들어서 글을 제공하고 싶다는 생각 등의 다양한 욕심들로 기술 .. 2022. 4. 17.