개발자 9Diin의 개발일기

프런트엔드 개발자로 취업한 지 어느덧 9개월이 넘었다. 그렇지만 프런트엔드 개발자라고 하기에 무색할 정도로 뚜렷한 프로젝트를 처음부터 끝까지 진행해본 적이 없다. 내가 하는 일은 그저 어떠한 이슈가 터진 곳을 올바르게 해결하는 정도? 딱 이 정도가 내 현재 역할인 것 같다. 그것도 그럴 것이 나는 프런트엔드 개발자로 취업을 했지만, 내가 재직 중인 회사에 모두 백엔드 개발자이고, 프런트엔드 개발자가 나 혼자이다. 그래서 9개월이란 시간 동안 어떤 성장도 하지 못한 것 같은 기분이지만, 그래도 회사에서 프런트엔드 팀을 만들어 준다는 약속을 받았기에 버텨보는 중이다. 이런 푸념을 할 생각이 있던 건 아니었는데 서두가 길었다. 어쨌든, 이번 화두는 개발서버가 아닌 로컬 서버에서 HTML과 Vue.js로 따로 ..

🤷‍♂️ 개요 언제나 그렇듯 하나라도 모르고 개발하는 것보다 가장 기초적인 개념이라도 알고 넘어가자는 의미에서 작성하게 되었다. 그런데 CSS 전처리라고 불리는 것이 SCSS, SASS라고 있던데, 이것이 정확히 뭐가 다른 건지 한 번 살펴보고자 한다. 😎 요약 결론만 짧게 그리고 간단하게 정리해보자면, SCSS와 SASS는 CSS를 편리하게 이용할 수 있도록 도와주며 , 스타일시트가 점점 더 커지고 용량도 많아지고 복잡해지는 까닭에 유지보수가 어려워지고 있어서 이를 보다 편리하게 관리할 수 있게 도와주는 CSS 전처리기라고 볼 수 있다. 그래서 CSS를 편리하게 이용할 수 있도록 도와주며 추가 기능도 있는 확장판(CSS를 확장하는 스크립팅 언어) 정도로 생각하면 좋다고 말할 수 있을 것 같다. 😜 자세..

https://sungjaecloud.tistory.com/339 JSDoc이란 무엇인가? 최근 스타트업에 이직을 하게 되면서, 개발자로서 무지함과 부족함 그리고 여러 가지 만감이 교차하는 요즘이다. 그래도 아직 개발이 너무 재밌기에 웹 프런트엔드 개발자로서 내 역량과 나를 sungjaecloud.tistory.com 위 포스팅에 이어 빠르면 내일 늦으면 차주부터 새로운 회사에서 새로운 업무에 투입이 될 예정이라, 이곳에서 현재 작업하고 있는 작업자들의 스타일과 개발 규칙들을 익힐 필요가 있다고 생각하여 'JSDoc이란 무엇인가?' 포스팅에 이어 'CSS Variables란 무엇인가?'라는 근본적인 질문에 답을 해보는 시간을 가져볼까 한다. 1️⃣ What are CSS variables? Custom ..

최근 스타트업에 이직을 하게 되면서, 개발자로서 무지함과 부족함 그리고 여러 가지 만감이 교차하는 요즘이다. 그래도 아직 개발이 너무 재밌기에 웹 프런트엔드 개발자로서 내 역량과 나를 믿어준 회사에 이바지하기 위해 기술 블로그(?)를 한 번 작성해보고자 한다. 그리고 전적으로 내가 이해한 기준을 바탕으로 작성된 것이기에 틀린 부분 혹은 다른 부분이 있을 수 있으니 그 점 양해 바란다. 이번 포스팅은 Vue.js 버전 2에서 TypeScript 호환이 원활하게 되지 않아 JSDoc을 활용한 타입 및 에러 체크를 보다 용이하게 할 수 있다고 동료 개발자분들의 조언을 받아 공부해보고자 한다. 이번 포스팅은 아래 'poiemaweb' 포스팅을 전적으로 이용했다. 그리고 오리지널 공식문서를 살펴보고 싶은 사람은 ..

안녕하세요, 손재의 파이프라인 블로그 주인장 '손재'입니다. 오늘은 구디역(구로디지털단지역)에 위치한 아주아주 육즙이 흘러넘치다 못해 폭발했던 소고기 맛집 한 곳을 추천해볼까 해요. 집에서 가까워 항상 가야지 가야지 했던 곳을 1년 6개월 만에 드디어 가보네요. 😂😂😂 상호 : 한우 정육 마당 (구로디지털단지역 구로점) 위치 : 아래 지도 참조 위 사진은 제가 엊그제 다녀온 '한우 정육 마당'에서 먹었던 투플러스(++) 생고기 한우였는데요. 사진에서 볼 수 있는 것처럼 두툼한 소고기가 마블링이 넘치는 걸 볼 수 있답니다. 😍 한우 육즙이 가득 담겨있어 너무나도 맛있었어요. 그리고 '한우 정육 마당'은 고기를 주문하면, 솥뚜껑 같은 불판을 직원분이 직접 예열해주시고, 고기도 직접 구워주십니다. 그리고 맛있..

안녕하세요, 손재의 파이프라인 블로그 주인장 '손재'입니다. 어느새 6월의 중순이 지났고, 정말 한 여름이 다가오고 있는 계절입니다. 그렇게 기승을 부리던 코로나 녀석도 이제 세상 잠잠해지는 것 같고 말이죠. 그래서 오늘은 그런 기분을 한껏 더 업시켜줄 합정역 맛집, 그것도 두툼한 고기가 아주 일품이었던 합정역 고기 맛집 한 곳을 소개해보고자 해요. 상호 : 합정 냉장고 위치 : 아래 지도 참조 제가 이번에 다녀온 곳은 상수역에서도 합정역에서도 중간 정도 위치해있는 '합정 냉장고'라는 고깃집입니다. 합정역에서 생각보다 맛집이 너무 많더라고요. 그래서 선택하기가 너무 힘들었는데, 그래도 여러 블로그의 후기를 뒤적뒤적거리다 보니 꽤 청결하고 맛있어 보이는 곳 한 곳을 찾았답니다. 먼저 가장 메인이 되는 두툼..

🚥 들어가기 전에 살펴보면 좋은 것 Vue.js란 무엇인가? https://sungjaecloud.tistory.com/290 Vue.js란 무엇인가? 상기 자료는 Vue.js가 무엇인지 필자의 소견대로 정리 작성한 내용입니다. 많이 부족하고, 다소 잘못된 부분이 있을 수 있기에 아래 자료를 보시는 분들께선 너그러이 이해해주시면 감사하겠습니 sungjaecloud.tistory.com Vue.js 라이프사이클 훅은 무엇일까? https://sungjaecloud.tistory.com/335 Vue.js 라이프사이클 훅이란 무엇일까? Vue.js라는 매력적인 자바스크립트 프레임워크를 가지고 처음 개발을 할 때, (필자 기준) 가장 어려웠던 점은 이번 포스팅에서 다룰 '라이프사이클 훅'이었다. Vue.js라..

Vue.js라는 매력적인 자바스크립트 프레임워크를 가지고 처음 개발을 할 때, (필자 기준) 가장 어려웠던 점은 이번 포스팅에서 다룰 '라이프사이클 훅'이었다. Vue.js라는 언어를 가지고 공부를 한 지 어느덧 9개월이란 시간이 지났는데 가장 기본이 되는 공식문서 내용조차 온전히 내 것으로 만들지 못해 반성하는 의미에서 그리고 나와 같이 고민하는 사람들을 위해 정리해보고자 한다. 공식문서를 살펴보면 라이프사이클 훅이란, 각 컴포넌트는 생성될 때 일련의 초기화 단계를 거칩니다. 예를 들어 데이터 관찰, 템플릿 컴파일, 인스턴스 DOM에 마운트, 데이터 변경 시 DOM을 업데이트해야 합니다. 그 과정에서 라이프사이클 훅이라 불리는 함수도 실행하며, 사용자가 특정 단계에서 자신의 코드를 추가할 수 있는 기회..