본문 바로가기

전체 글

 (99)
if(kakao)dev2022 후기: 사진편집기! 이것DOM 적용해볼GL? 👏🏻 if(kakao)dev2022 2022년 12월 08일 진행되었던 카카오 기술 컨퍼런스 프론트엔드 발표 중 몇가지를 정리해볼까 하는데 그 중에서 가장 먼저 눈길을 끌고 재밌었던 "사진편집기! 이것DOM 적용해볼GL?" 강연에 대해 생각을 정리해볼까 한다. 일단 부트캠프 메인 프로젝트에서 우리팀이 시간상 구현못했던 기능 중 가장 아쉬웠던 기능이 사진 편집이였기에.. 더 흥미가 갔던것 같다. 이 강연은 크게 사진 편집기를 WebGL방식으로 바꾼 이야기와, 사진 스티커를 (Canvas가 아닌)DOM 방식으로 바꾼 이야기로 나뉜다. 일단 이중에서 첫번째 WebGL에 대한 이야기가 basic하고 두번째 스티커에 대한 이야기는 좀더 specific한 감이 있어서 블로그엔 먼저 첫번째 주제에 대한 이야기를 해볼..
[코드스테이츠 FE 부트캠프 40기] 메인 프로젝트 회고와 꿀팁 3탄 ✨[코드스테이츠 FE 부트캠프 40기] 메인 프로젝트 회고와 꿀팁 1탄 ⬆️아이디어 미믹, 기획, 디자인, api 문서 작성, 화면정의서 작성한 이야기가 궁금하다면 ✨[코드스테이츠 FE 부트캠프 40기] 메인 프로젝트 회고와 꿀팁 2탄 ⬆️기술 스택 선정과, 개발 밑작업에 대한 이야기가 궁금하다면 🏃🏻‍♀️공통 컴포넌트 개발 : 모달 컴포넌트 👍🏻 잘했던 점: 반응형과 전체 프로젝트에서 모든 경우의 활용을 생각해서 대응할 수 있도록 작성한점. 팀원들이 내가 제작한 컴포넌트를 어떻게 하면 더 잘 활용할 수 있을까 연구하고 문서로 남긴점 👎🏻 아쉬웠던 점: 모달 컴포넌트를 프로젝트에 도입할때, 코드 구조를 단순하게 하려면 어떻게 해야할까라는 추가적인 고찰이 필요했다. 결국 외관적으론 대응을 잘했지만, 똑똑한..
[코드스테이츠 FE 부트캠프 40기] 메인 프로젝트 회고와 꿀팁 2탄 ✨[코드스테이츠 FE 부트캠프 40기] 메인 프로젝트 회고와 꿀팁 1탄 ⬆️아이디어 미믹, 기획, 디자인, api 문서 작성, 화면정의서 작성한 이야기가 궁금하다면 🏃🏻‍♀️개발에 본격적으로 들어가기 앞서 탄탄한 밑작업! 👍🏻잘했던 점: -개발에 들어가기 앞서서 css global style 미리 다 선언한 것 -아이콘등의 이미지 에셋을 svg로 다 첨부해놓았던 것 -타입스크립트를 도입한 점 👎🏻아쉬웠던 점: -이건 그냥 개인적인 아쉬움인데 리액트 쿼리를 못썼다는 점. 좀 무리해서라도 리액트 쿼리까지 도입했음 어땠을까 싶다. 이제 각종 문서와 디자인 작업을 마치고 드디어 본격적인 개발에 들어갔다. 개발에 본격적으로 들어가기 앞서 styled component의 global style로 자주 쓰이는 컬러,..

티스토리툴바