지금으로부터 2년하고도 몇 개월 전. 취준을 하던 무렵, 마찬가지로 취준을 하던 친구와 만났다. 그리고 둘이서 동네 공원을 몇 바퀴 돌면서 이런저런 재밌는 얘기를 했다. 최근 읽었던 만화나 애니메이션의 후기에 대한 것이었다. 취준을 할 때는 길고 긴 터널 속에 있는 느낌이 드는데 그때 잼얘(잼는 얘기라는 뜻)를 하면서 많은 위안이 되었다. 그 친구는 '영원히 공원을 계속 돌았으면 좋겠다'고 했다. 영원히 공원을 빙글빙글 돌면서 잼얘만 하는 것이다. 아직까지도 종종 그 말이 생각이 난다.  회사를 2년 동안 다니면 무슨 일이 일어날까? 의의로 아무 일도 일어나지 않는다. (코로나에 걸리고 이런 저런 건강이슈가 있었지만...) 그리고 나는 3년차가 되었다.영원히 공원을 돌고 싶기도 하고 영원히 점심 먹고 카..

안녕하세요!오늘은 청년내일채움공제 만기금 수령 후기에 대해 알아보겠습니다.청년내일채움공제는 내가 2년 동안 중소기업에 재직하면서 300만원을 납입하면 회사와 나라에서 900만원을 적립하여 만기시 총 1200만원을 받을 수 있는 상품입니다!2년만 기다리면 공짜로 900만원을 받을 수 있다니, 가입할 수 있으면 무조건 가입하는 게 이득이겠죠? 하지만 이제 신규 가입은 불가능하다고 합니다.이미 가입하신분들은 만기까지 화이팅~~ 2022년 10월 27일 계약 체결2024년 10월 5일 마지막 납부!  하지만 여기서 끝이 아닙니다. 우선 마지막 납부한 날의 월급을 받아야 다음 단계로 넘어갈수가 있다고 하네요!저는 월급이 말일이라 10월 31일에 월급을 받았습니다! 11월 5일, 회사에 급여명세서를 제출하고11월 ..

fabric.js에서는 객체를 이동하고, scale을 변경하고, 회전을 시키는 등의 컨트롤러를 제공한다. 그런데 잘 생각해보면... 모바일 앱에서는 컨트롤러가 아니라 핀치 제스처를 사용하여 편집했을 것이다.     fabris.js v5의 이벤트엔 touch와 같은 터치스크린에 대응되는 이벤트들이 있었는데, (사용해본 적은 없다.)v6에는 사라졌다.  그래서 다른 라이브러리를 통합하여 사용하기로 했다. 하나하나 직접 하려면 너무 힘들겠지만 라이브러리를 사용하면 비슷하게 구현할 수 있다. const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);// ... fabric.InteractiveFabricObject.ownDefaults = ..

1. fabric.js v6 html5의 canvas는 잘 다루면 좋긴 한데... api가 로우레벨이라 그냥 사용하기는 어려워서 보통 라이브러리를 사용한다.내가 애용하는 것은 fabric.js인데...  기본적으로 객체를 선택할 수 있는 기능이 있기 때문에 쓰기 시작했다. 그런데 최근 v6이 드디어 업데이트되었고, 여러 변경 사항들이 있지만 Promise를 지원하는 게 가장 마음에 드는 부분이다.나는 비동기적인 함수가 사용될 때 콜백함수보다는 프로미스의 async/await 방식을 선호하는데,구버전은 콜백함수만 지원하였기에 프로미스를 직접 만들어서 구현해야 했다.하지만 이제 그럴 필요 없다.그리고 typescript의 타입 지원이 더 좋아졌다. 이외에도 이런 저런 개선이 되었는데 아직 공식 문서가 업데이..

프로젝트라고 하기엔 볼륨이 작은 두 개 정도의 프로젝트가 있었다. [프로젝트 A] 1. 프로젝트 개요아이돌 관련 커뮤니티 기능에 대한 어드민 페이지다. 1차 개발 막바지에 일부 페이지(기능)에 대한 개발을 했고 추후에 별도로 1.5차 고도화 개발로 투입되었다.  2. 기술 스택vue3 (option api), javascript, vue-bootstrap, vuex외주 개발사에서 이미 개발한 것을 유지보수, 고도화 했다. 3. 모든 페이지에 대한 동일한 기능 추가 (공통화의 중요성)모든 페이지네이터에 페이지 이동을 추가하고 모든 테이블에 대해 다운로드 기능을 넣어야 한다. 또한 다른 페이지로 갔다가 조회 목록으로 되돌아 갔을 때 검색 옵션 및 페이지가 유지되게 수정해야 한다. 어드민은 동일한 형태가 계속..

1. 프로젝트 개요 회사에 입사하고 한 달 정도 지나게 되어 신규 프로젝트를 담당하게 된다. 입사하고 몇 주는 공부를 했고, 자잘한 유지보수 및 추가 개발을 하며 외주 개발 된 프론트엔드 코드를 참고할 수 있었고 그 후 바로 신규 개발을 하게 되어서 조금 당황스러웠다. 왜냐면 프론트엔드 팀의 개발자들은 다 신입이었기 때문이다. 적은 볼륨의 기존 솔루션에 대한 백오피스이긴 하지만 사내 프로젝트가 아닌 외주 개발이라 지금 생각해보면 리스크가 큰 것 같지만 그때는 '간단한 개발'이기에 나에게 이 프로젝트를 맡겼다고 생각했다. 투입된 인원은 프론트엔드에 개발자 총 세 명이지만 공통 포함 70~80%의 개발을 담당하였다. '간단한 개발'의 함정에 대해서는 추후 작성하겠다.통상적인 계정별 권한, 테이블, 모달 등이..

개발자는 혼자 일한다는 편견과 달리 다른 많은 직업들과 마찬가지로 협업이 중요시 되는 직업이다. 특히 프론트엔드 개발자는 기획자, 디자이너, 백엔드 개발자 (그 외에 기타등등) 사이에서 일을 처리해야 할 경우가 있다.커뮤니케이션 능력으로 모든 일을 좋게 해결하면 좋겠지만 완만하게 진행하는 것만이 능사는 아니며, 좋은 프로덕트를 개발하거나 직업 윤리를 실천하는 것을 외면하고 오히려 당장의 편안함만을 추구하고 있는 것은 아닌지 돌아보아야 한다.무엇이 옳은 일인지는 경험이 있어야 판가름 할 수 있지만권리를 위해 투쟁해야 할 순간은 온다. 그럼 어떻게 해야 싸움에서 지지 않을 수 있을까?   1. 싸움은 최대한 일찍 한다소프트웨어의 수정 비용은 뒤로 갈 수록 기하급수적으로 증가한다. 그러니 초반에 발견 가능한 ..

사실 우리 모두는 이게 안 괜찮다는 걸 알고 있다. 당연히 사수가 있는 게 없는 것보다 낫다.하지만 중소기업은 대부분 인력이 늘 부족하며 (못 뽑는 건지 안 뽑는 건지 나도 모르겠지만.) 사수 없는 회사에 가게 될 수도 있다.능력이 좋고 스펙이 좋으면 사수가 있는 회사를 가서 그런 고민을 안 했겠지만 그러지 못했으니사수가 없는 회사인데 갈까 말까 고민하고 있을 것이다.  있으면 좋겠지만 없어도 괜찮다고 타협을 해야 한다면 이것만큼은 확인하자.적어도 그 분야의 경력 개발자가 있어야 한다. (님이 프론트개발자인데, 서버 개발자만 있는 회사를 들어가면 안된다는 말임... 그 서버 개발자가 사실 풀스택 개발자라면 좀 다르겠지만, 그곳이 SI라면... JSP와 제이쿼리에서 살고 있을 확률이 높음) 이게 되는 건지..

세상 절대 다수의 회사는 중소기업이고 대부분의 직장인은 중소기업에 다니고 한국 대부분의 IT 회사는 SI라는 것은 그냥 객관적인 사실이다. 취업을 할 땐 다들 자체 서비스를 꿈 꾸지만, SI에 가게 될 확률이 높다. 그럼 SI에 가면 어떤 일이 벌어질까? 오늘은 신입 개발자가 SI에 들어가면 겪을 수 있는 일에 대해 간략히 얘기해보려 한다. SI 프로젝트의 환장스러운 점 중 하나는 바로 요구사항변경무제한제공참말사건이다. 문서나 산출물은 워터폴인데 요구사항 변경만 아주 지입맛대로 애자일 섞어찌개다. 소프트웨어 공학에서 워터폴이라든가 애자일이라든가 하는 말을 들어본 적이 있을 것이다. 다 일리 있는 말이고 근거 있는 방법론이겠지. 하지만 현실 세계에서 아름답게 워터폴이 가능할까? 요구사항과 기획이 처음부터 ..

예전에는 티스토리 이미지 썸네일을 공식적으로 지원하지 않았지만 현재는 공식적으로 지원해줘서 css만으로 쉽게 갤러리 스킨을 만들 수 있다. 하지만 유튜브 썸네일 지원해주지 않기 때문에 자바스크립트를 통해서 불러와주어야 한다. 썸네일이 표시되는 곳 html을 찾아보자 몇 년 전의 나는 이유는 모르겠지만 element에 클릭 이벤트를 걸어놨다 게시글에 date-href= 이 속성을 추가해서, 자바스크립트에서 링크된 주소에 접근하기 쉽게 해준다 티스토리 스킨의 썸네일 치환자는, 썸네일 이미지가 존재하지 않을 때는 알아서 아무것도 안 나오게 되어있음 그리고 대충 head 안에다 냅다 axios를 붙여넣는다. 꼭 쓸 필요는 없지만 내가 편해서... 그리고 위에 이런식으로 자바스크립트를 추가해줄 수 있다 이렇게 하..

https://youtu.be/Y8JFxS1HlDo

https://youtu.be/jKrJBVLnRiM