hubring

얼마 전 AWS 2019 Summit에 참관하여 들었던 강연에서 Amazon CTO Werner Vogels의 블로그의 A one size fit all database doesn't fit anyone 글을 참고한 내용이 있었는데 관계형 데이터베이스뿐만 아니라 비관계형 데이터베이스의 종류에 대해 알고 나갈 수 있어 좋은 자료라 생각돼 해당 강연 내용과 함께 정리하여 공유합니다. 왜 다양한 데이터베이스가 필요한가? A one size fits all database dosen't fit anyone - Werner Vogels 블로그의 제목에서 "A one size fit all Database"는 프리사이즈 옷과 같은 단일체 데이터베이스를 뜻하며 오늘날 이 단일체의 데이터베이스가 어디서나 맞다고 볼 수..

Vuex Vue.js 애플리케이션에 대한 상태 관리(state management)를 돕는 라이브러리이다. 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 변경할 수 있다. Vue의 공식 devtools 확장 프로그램과 통합되어 설정 시간이 필요 없는 디버깅 및 상태 스냅 샷과 같은 고급 기능을 제공한다. 상태 관리란? 상태(state)란 뷰 data 속성과 비슷하다. ex) 간단한 Vue 카운터 앱 new Vue({ // 상태 data () { return { count: 0 } }, // 뷰 template: ` {{ count }} `, // 액션 methods: { increment () { this.count++ } } }) 상태 : 앱의 상태를 ..

해당 내용은 Doit! Vue.js 입문 내용을 참고하여 정리하였습니다. Vue 인스턴스 라이프 사이클 라이프 사이클 단계 설명 1. 인스턴스 생성 (Created) BeforeCreate : data, methods 속성이 아직 정의되지 않음, 화면 요소에도 접근 불가 Create : data, methods속정이 정의되어 data,methods 속성에 정의된 값에 접근 가능, 화면 요소 접근 불가 -> 서버에서 데이터를 요청하여 받아오는 로직 수행하기 적절 2. 생성된 인스턴스 화면에 부착 (Mounted) BeforeMount : 지정한 화면 요소에 인스턴스를 부착하기 전에 호출, render() 함수가 호출되기 직전의 로직을 추가 Mounted : 인스턴스 부착 후 호출, template 속성에 ..

1. 아톰 설치 https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io 2. 아톰 테마 설정 seti-ui 테마 : 직관적 파일 아이콘을 가져 파일 구분이 쉬움, 색조합이 튀지 않음 Window : File -> Settings Mac : Atom -> Preferences insta..

File 입출력 구조 스트림 : 프로그램에서 파일을 읽어오기 위해서는 파일과 프로그램 사이에서 연결하는 장치 필요 이를 스트림이라 함. 데이터를 입력 받거나 출력할 떄 입출력 장치로 부터 데이터가 흘러가는 것을 뜻함. Text File, Binary File 텍스트 파일 : 글자(문자, 숫자, 기호)들로 씌어져 있는 파일, 사람의 눈으로 읽을 수 있음. 아스키(ASCII) 파일 또는 암호화 하지 않은 평문이기 때문에 Plain Text라고도 함. 바이너리 파일 : 파일은 기본적으로 모두 바이너리 파일. 이진 파일이라고도 하며 0과 1의 2진수 데이터로 이루어진 파일. 사람이 직접 읽을 수 없음 .exe .dll 등의 프로그램 파일과, .zip .rar 등의 압축파일, .mp3 .mpg .jpg .gif ..

뷰 크롬 플로그인을 이용하면 뷰 개발에 도움을 줌. 뷰로 만든 웹의 구조를 분석하거나 디버깅 가능. 크롬 플로그인 설치 https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd Vue.js devtools Chrome and Firefox DevTools extension for debugging Vue.js applications. chrome.google.com github https://github.com/vuejs/vue-devtools vuejs/vue-devtools ⚙️ Browser devtools extension for debugging Vue.js applications. - vue..

http://jeonghwan-kim.github.io/2018/01/25/before-jquery.html jQuery 보다 먼저 알았으면 좋았을 것들 웹개발할 때 난 jquery 부터 사용하기 시작한것 같다. 라이브러리가 주는 편리함 넘어 어떻게 DOM API를 사용하는지는 몰랐다. 앵귤러, 리엑트 같은 프레임웍을 사용할 때도 마찬가지다. 기능을 구현하는데 별다는 어려움은 없었다. jeonghwan-kim.github.io 인프런 강의 듣다가 강사님이 작성하신 좋은 글이 있어 공유합니다.~ 자꾸만 완성만 생각하고 기초를 탄탄하게 쌓지 못하여 불안정한 코드를 만들어 냈었는데 이 글을 보고 다시금 반성의 시간을 가졌습니다..

1. Node.js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js란 서버 사이드 자바스크립트로, 서버 측에서 실행되는 자바스크립트 실행 환경 2. 설치 확인 > node --version 3. Editor 개발툴 VScode 설치 Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is fre..