목록프런트엔드 (24)
개발자 9Diin의 개발일기
Vue.js 3.x 버전으로 프로젝트를 진행하면서 레퍼런스 API를 Options API가 아니라 Composition API로 개발하고 있는 중인데, 여기에 더불어 TypeScript까지 접목시켜 개발 중이다 보니 개발 속도가 상당히 더뎠다. (물론, 내가 이 둘을 처음 사용해 보는 것도 큰 이유이긴 하지만) 그래도 UI 라이브러리를 최대한 걷어내고 생개발로 진행하다 보니 배우는 점도 많고, 특히 React에는 굉장히 UI 플러그인이 잘 되어 있는데 Vue.js는 Element UI라는 것 밖에 없어 정말 힘들었다. (Element UI는 디자인도 구림.) 그래도 HTML CSS를 하나하나 재개발해가면서 컴포넌트화 시키는 과정이 나에게 굉장히 큰 도움이 되고 있다. 아무튼, 각설하고 등록 다이얼로그를 ..
본 포스팅은 '러닝 타입스크립트' 도서를 전적으로 참고하여 작성하였습니다. 1️⃣ 타입의 종류 타입스크립트에서의 타입은 자바스크립트에서 다루는 값의 형태에 대한 설명이다. 우리가 흔히 알고 있는 자바스크립트의 자료형과 비슷하다고 이해하면 좋다. 여기서 '형태'란 값에 존재하는 속성과 메서드 그리고 내장되어 있는 typeof 연산자가 설명하는 것을 의미한다. 타입스크립트의 가장 기본적인 타입은 자바스크립트의 일곱 가지 기본 원시 타입 (Primitive Type)과 동일하다. 타입스크립트의 Type null undefined boolean string number bigint symbol 2️⃣ 타입 시스템 타입 시스템은 프로그래밍 언어가 프로그램에서 가질 수 있는 타입을 이해하는 방법에 대한 규칙 집합이..
본 포스팅은 '러닝 타입스크립트' 도서를 전적으로 참고하여 작성하였습니다. 1️⃣ TypeScript란 무엇인가? TypeScript는 마이크로소프트 회사에서 구현한 JavaScript 슈퍼셋(Superset) 프로그래밍 언어이다. 확장자로는. ts를 사용하며 컴파일의 결과물로 JavaScript 코드를 출력한다. 최종적으로 런타임에서는 이렇게 출력된 JavaScript 코드를 구동시키게 된다. 위 설명은 어디까지나 정의에 가깝고 쉽게 풀어 설명해 보자면 타입이라는 것이 지정되어있지 않은 자바스크립트에 타입(Type)이라는 것을 설정하여 정적 타입을 명시할 수 있도록 한 것이 순수 자바스크립트와의 가장 큰 차이점이라고 할 수 있다. 보통 자바스크립트를 Dynamic Language라고 부르는데 자유도가 ..
https://sungjaecloud.tistory.com/380 Vue.js로 CRUD 구현하기 - 1강 안녕하세요, 구디사는 개발자 '9Diin' 입니다. 오늘부터 Vue.js 자바스크립트 프레임워크를 사용하여 흔히 '투두리스트'라고 불리는 웹 서비스를 한 번 만들어 볼 텐데요. 이전 콘텐츠였던 Open Weather sungjaecloud.tistory.com 안녕하세요, 구디사는 개발자 '9Diin' 입니다. 먼저, 제 강의에 관심을 가져주신 구독자 여러분께 진심으로 감사하단 말씀 드립니다. 1강 - 프롤로그 영상에서 영상으로 보셨던 내용 중 일부는 위 게시물에서 발췌한 부분이 있기 때문에 위 게시물을 보시는 것도 추천드립니다. 다시 한 번 감사드린다는 말씀 드리면서 프롤로그 강의 자료는 아래 첨..
안녕하세요, 구디사는 개발자 '9Diin' 입니다. 오늘부터 Vue.js 자바스크립트 프레임워크를 사용하여 흔히 '투두리스트'라고 불리는 웹 서비스를 한 번 만들어 볼 텐데요. 이전 콘텐츠였던 Open Weather Api를 이용하여 간단한 조회기능을 구현했던 것처럼 디자이너 친구에게 투두리스트 디자인을 부탁했습니다. 굉장히 높은 퀄리티의 투두리스트가 될 것이라 예상이 듭니다. 저 역시 아직 개발에 착수한 상태가 아니기 때문에 그리고 경력이 고작 1년밖에 되지 않은 주니어 개발자이기 때문에 어느 부분까지 기능 구현이 가능할지 가늠은 안되지만, 최대한 디자인과 비슷하게 그리고 모든 기능을 구현할 수 있도록 공부하고, 구글링을 해보면서 여러분들께 하나하나 알려드리도록 하겠습니다. 1. 개요 우리가 함께 앞으..
https://sungjaecloud.tistory.com/339 JSDoc이란 무엇인가? 최근 스타트업에 이직을 하게 되면서, 개발자로서 무지함과 부족함 그리고 여러 가지 만감이 교차하는 요즘이다. 그래도 아직 개발이 너무 재밌기에 웹 프런트엔드 개발자로서 내 역량과 나를 sungjaecloud.tistory.com 위 포스팅에 이어 빠르면 내일 늦으면 차주부터 새로운 회사에서 새로운 업무에 투입이 될 예정이라, 이곳에서 현재 작업하고 있는 작업자들의 스타일과 개발 규칙들을 익힐 필요가 있다고 생각하여 'JSDoc이란 무엇인가?' 포스팅에 이어 'CSS Variables란 무엇인가?'라는 근본적인 질문에 답을 해보는 시간을 가져볼까 한다. 1️⃣ What are CSS variables? Custom ..
안녕하세요, 손재의 파이프라인 블로그 주인장 '손재'입니다. 오늘의 포스팅은 지난 4개월 동안 운영해 온 Vue.js를 시작으로 앞으로 쭉쭉 다양한 콘텐츠를 준비해 갈 제 유튜브 채널, 구디사는 개발자 '9Diin' 채널을 운영해 온 후기를 남겨볼까 합니다. 사실, 기술 블로그만 운영해보고자 했는데 텍스트로 모든 정보를 전달하기가 쉽지 않더라고요. 양도 많고 말이죠. 그래서 예전 여행 영상 편집했던 간단한 편집 스킬을 익혔던 터라 저도 기술개발 유튜버 한 번 해보자고 생각하고 시작해봤습니다. https://www.youtube.com/channel/UCzX62RyG9P1kZaF8YLF7jjA 번거로우시겠지만, 많은 관심 가져주시고 구독과 댓글 많이 부탁드려요! 9Diin 구디사는 개발자🤔 www.yout..
📌 Prologue 나는 Vue.js라는 자바스크립트를 활용한 지 이제 한 달 남짓이다. Vue.js (이하 Vue)를 사용하면서 느꼈던 것은 Vue라는 언어를 만들어 낸 창시자는 정말 너무나도 대단한 사람처럼 느껴졌고, 프런트엔드 개발자라면 당연히 자바스크립트라는 언어를 잘 다룰 줄 알아야 하지만, 보다 멋지고 간편한 그리고 효율성 좋은 Vue를 활용하는데 자바스크립트의 기초만 있는 사람이어도 어느 정도 활용이 가능하는 게 내겐 너무나도 큰 장점으로 와닿았다. 그래서일까? 나는 Vue가 너무 좋고, 더 깊게 잘 배우고 싶다. 아무튼, 본격적인 Vue.js의 Lifecycle Hooks에 대해 살펴보도록 하자. 📌 Lifecycle Hooks 내가 근 한 달 가까운 시간 동안 그중의 반은 회사 적응 기간..