전체 글 (5) 썸네일형 리스트형 리액트 SEO에 관한 모든 것 0. 프로젝트 소개 현재 저는 Web 3D 가상공간 스타트업 에르사츠에서 프론트엔드 및 웹 3D 엔지니어로 근무하고 있습니다. 지난 6월부터 8월까지 2개의 서비스에 대한 메인과 어드민, 총 4개 도메인의 웹 프론트엔트를 제작하였습니다. 모두 리액트 기반으로 제작되었으며, 그 중 Web 3D Architrip에 대해 SEO 작업을 진행하였습니다. Web 3D Architrip은 누구나 인정할 법한 명작 건축물을 Web 3D로 구현해 접근성을 높이고, VR을 통해 실감나는 체험을 제공하는 서비스입니다. 유명한 건축물들에 대한 Web 3D 컨텐츠를 제공하는만큼, 해당 건축물을 검색하는 사람들에게 최대한 많이 노출되어야 했습니다. 그렇기에 SEO의 중요도를 높게 책정하여 작업하였고, 이번 글을 통해 그 내용을.. 프론트엔드 개발자가 MVP의 신이 되는 법 들어가며 MVP 라는 용어가 있다. 그 뜻은 당신이 속한 집단에 따라 다르게 쓰이겠지만, 주로 일정에 쫓겨 버그투성이 코드를 리팩터링하지 못하고 출시해야 되거나, 혹은 출시하지 못하게 될 것이라는 의미이다. 당신이 Lean한 조직에 속하게 되거나, 신규 프로젝트에 참여한다고 가정하자. 먼저 MVP를 개발한 뒤, 그것으로 데이터를 수집하고 이후 고도화하는 경우가 많을 것이다. 한정된 자원을 가진 상태에서, 성공할지 말지 모르는 프로젝트에 모든 자원을 쏟아부을 수는 없다. 사이드 프로젝트의 경우도 마찬가지다. 수익이 전혀 나지 않을 프로젝트에 참가할 인원을 구하는 것부터 쉽지 않으며(특히 당신이 주니어라면), 어렵게 구한 팀원이 충분한 열정과 끈기를 가지고 프로젝트를 완수하지 않는 경우도 심심치 않게 나타날.. 첫 빌드 겸 배포가 CI/CD 구축이었던 건에 관하여 어쩌다보니 이번에 회사에서 처음으로 프로젝트를 빌드하고 배포하는 기회를 얻게 되었다.기존 배포 환경은 aws EC2 인스턴스 위에 docker-compose를 이용하고 있었는데 여기서 github action을 이용한 CI/CD 파이프라인을 구축하였다. Github Actions으로 AWS EC2에 CI/CD 구축하기AWS EC2에 CI/CD 구축하기velog.iogithub action을 학습하기 위해 우선 자동 배포부터 익힌 뒤 해당 링크를 참고하여 CI/CD를 구축하였다. 다만 기존 환경에서 여러 개의 컨테이너를 동시에 사용하고 있었기 때문에 docker대신 docker-compose로 변경할 필요가 있었다.빌드 과정은 액션의 버전만 올린 상태로 동일하기 때문에 배포 부분만 첨부하였다. docke.. 웹 3D 라이브러리를 이용한 토이 프로젝트 - Typewriter3.js Typewriter3.js parallelkim.github.io 웹 3D 기술에 관심을 가진지는 좀 됐었는데 최근에 여유가 생겨 2주 동안 토이 프로젝트를 진행했다. 하루에 6시간 정도 작업했는데 필수적인 기능 구현이 끝나 1차 개발을 완료한 상황이다. 2차 개발에는 디자인 퀄리티 업그레이드와 한글 지원 등의 작업이 진행될 예정이다. 일지를 작성하면서 개발했고 조만간 정리해서 블로그에도 올릴 예정이다. 아래 링크는 기간 중 작성한 일지다. 타자기 웹 사이트임베드parallelkim.notion.site 엘리스 AI트랙 4기를 회고하며 요약1. 결론은 it 직종을 희망하는 비전공자에게는 무조건 추천. 협업도 해볼 수 있고, 어떤 직군에서 어떤 일을 하는지 대략적으로 알 수 있다. 나는 내일배움카드로 한달에 30만 원 정도씩 받으면서 공부했기 때문에 너무 좋았다.2. 최고는 코치님...! 혼자 공부하면 막혔을 부분도 코치님들께 질문하면서 금방금방 해결할 수 있었다. 최악은 팀 프로젝트 빌런... 협업을 경험할 수 있는 기회인 건 맞지만 1차, 3차 두 번이나 프로젝트에 참여하지 않은 팀원이 있었다... 안할거면 처음부터 프로젝트 신청을 하지 마 제발...3. 엘리스 부트캠프만의 엄청난 차별점, 장점이 있는가? 그건 잘 모르겠음. 다른 부트캠프를 참여해 본 적이 없고 예전에 코드잇 강의를 들어본 적이 있는데 녹화강의의 질은.. 이전 1 다음
