인생 투자 노트 📒

html 태그의 특정 속성 값(attribute)과 데이터를 연동하는 방법을 배워 봅니다. Attribute Binding - Intro to Vue.js | Vue Mastery In this lesson, we’ll explore ways you can connect data to the attributes of your HTML elements. www.vuemastery.com 예제를 완성하려면 style.css 파일과 이미지 파일이 필요한데 동영상 오른쪽에 Lesson Resources에서 가져올 수 있습니다. {{ product }} {{ description }} var app = new Vue({ el: '#app', data: { product: 'Socks', description: '..

아주 간단한 예제로 데이터가 어떻게 렌더링 되는지 알아보자. The Vue Instance - Intro to Vue.js | Vue Mastery This lesson covers how to get your data from your JavaScript to show up in your HTML. www.vuemastery.com 영상을 따라 하면 아래와 같다. {{ product }} var app = new Vue({ el: '#app', data: { product: 'Socks' } }) Vue 인스턴스 생성 시 data 옵션에 product 값을 넣어주고 html에서 {{}} 문자열 안에 동일한 이름으로 넣으면 자동으로 렌더링 된다. 영상 마지막에 있는 도전과제를 풀어본 답은 아래와 같다. ..

검색해서 다운로드한 후 유용한 플러그인들을 세팅하자. # Vetur 아래 영상을 참고로 ESLint, prettier 추가로 설치했다. 참고로 vetur 공식 홈페이지에서 가이드하는 것과 다르다. Optimizing your Editor - Real World Vue.js | Vue Mastery Learn how to configure your code editor for an optimized Vue development experience www.vuemastery.com 플러그인을 설치하면 snippet을 몇 가지 제공한다. 가장 많이 사용할 snippet은

리액트만 사용해본 개발자가 뷰(vue.js)를 빠르게 학습하기 위해 학습한 내용들을 남깁니다. 계획 Visual Studio Code 설치 한국 공식 문서 읽어보기 link Vue Mastery 예제 따라 하면서 학습하기 Intro to Vue.js link Mastering Vuex link Scaling Vue with Nuxt.js link Todo App 만들어보기 간단하게 만들어 보기 컴포넌트 분리 with vuex with Nuxt with API 단위 테스트 환경 구축 환경 구축

잊고 지낼만 하면 어디선가 누군가가 꼭 이야기 한다. MVC 패턴에 대해... 그래서 한참 동안 잊었다가 다시 상기 하게 되었다.MVC 진짜를 찾아서 오랜만에 책을 뒤적거렸다. 책을 보니 노르웨이 컴퓨터 과학자 트리베 린스카우그(Trygve Reenskaug)가 처음 MVC패턴을 고안했다. 스몰토크라는 언어로 어플리케이션을 만드는데 사용했다고 한다. "패턴 지향 소프트웨어 아키텍처"라는 책에 그려진 다이어그램을 따라 코딩 해 봤다. See the Pen <a href='https://codepen.io/skylar-kim/pen/NMxror/'&amp..

우연한 기회로 WTM(Women TechMakers)에 가게 되었다. 몇몇 발표를 들었는데 나에게 깊은 인상을 준 강의가 있어서 후기를 남긴다. 발표 제목은 "나에게 맞는 커리어를 만들어 나가기"로 조경숙 님께서 발표해주셨다. 자신은 고백하건대 망한 커리어의 경우라며 꼭 이러라는 건 아니라고 시작하셨다. 자신이 여러 회사를 다녔고 여러 개발 직군을 했다고 했다. 인프라 업무를 하다가 자바 개발을 하다가 지금은 루비 개발을 하고 있다고 말하셨다. 이렇게 직군을 바꾸면서 면접에서 주변 사람에게 들은 이야기는 "전문성"이 없다는 이야기였고 전문성에 대한 생각을 이야기해주셨다. 전문성 일의 맥락을 파악하고 완결성 있게 일을 끝내는 능력. 기술은 그것을 가진 사람이 일할 때 필요에 의해 해석되고 사용하는 요소지,..

최근 회사 팀 내에도 공유했지만 우연히 알게 된 방송을 듣고 깨달은 바가 많았다. 그동안 애자일에 대해 나는 완전 잘못 알고 있었다. 어느 날 회사에 출근했더니 데일리 스크럼이라는 걸 한다고 해서 갔다. 어제 한일, 오늘 할 일, 이슈를 공유하라고 했다. 그저 오늘의 업무를 공유하기 위한 프로세스라고만 생각했다. 그러다가 문득 업무 공유가 목적이라면 메신저로 하거나 문서나 메일로 공유하면 되지 않나라는 생각이 들었다. 그런데 이 방송에서 그 이유에 대해 납득할만한 이유를 알려주었다. 데일리 스크럼의 진짜 목적은 협업과 피드백이다. 이것은 애자일의 키워드와 일치한다. 데일리 스크럼에서 가장 중요한 포인트는 얼굴을 보고 이야기하는 것이다. 이렇게 얼굴을 보고 이야기하면 상대방의 좋고 싫음에 대한 정보를 빠르..

최근 책 한권을 보았다. "영어 책 한권 외워봤니?"라는 책으로 유명한 김민식PD님의 "매일 아침 써봤니?"라는 책이다. 그는 괴로울때 마다 글을 썼다고 했다. 그 행위가 자신을 바꿔 놨다고 했다. 글쓰는 행위가 쌓여서 책을 출판하고 성취감도 느끼며 그가 어려운 시간을 잘 견딜수 있었던 것 같다. 그의 책을 읽으면서 나도 한때는 글쓰기를 좋아했던 것들이 떠올랐다.그리고 부담없이 쓴 그의 글들을 보면서 나도 어떤 것이든 기록해야 겠다는 마음을 잡게 되었다. 그래서 다시 티스토리를 시작하고 그 처럼 광고를 넣을 생각이다. 그의 강의 글을 보면서 자신이 PD라는 직업을 갖고 있는 것을 자랑스러워하고 좋아하는 느낌을 받았는데나는 개발일을 하면서 내 직업을 밝히는 것을 꺼려했던 것 같다. 외부에서 개발자라는 일이..