Web 검색 결과

해당 글 36건

[Vue.js] 컴포넌트

1. 컴포넌트란? Vue.js에서 컴포넌트는 코드 베이스를 줄이고 단순화하는 강력한 구성 요소 어떻게 Vue.js 컴포넌트를 생성하느냐에 따라 Vue.js의 개발속도와 코드의 가독성, 그리고 효율성이 현저히 차이남 코드에서 반복되는 부분을 가져와 이해하기 쉬운 작은 논리적 부분으로 분리 (쉽게 말해, 화면을 구성할 수 있는 블록이라고 생각할 수 있을 것 같다.) 애플리케이션 내에서 재사용 가능하며 코드를 이해하기 쉽다는게 장점이다. 2. 컴포넌트 등록 컴포넌트 등록은 '전역 등록'과 '지역 등록'으로 나눌 수 있다. 1) 전역 등록 컴포넌트 전역등록은 프로그래밍에서 전역 변수와 같은 의미이다. 인스턴스 생성 후 어느 페이지 또는 컴포넌트에서 사용할 수 있게 Global 하게 등록할 수 있다. 2) 지역 ..
Web/Vue.js 2019. 12. 4. 16:23

[Vue.js] 라이프사이클

"Vue.js 코딩 공작소" 책과 공식문서, 그 밖에 자료를 참고해 공부한 라이프사이클 내용을 정리해보겠습니다 1. 라이프사이클이란? 인스턴스가 생성될 때 거치는 초기화 단계(데이터 관찰 설정, 템플릿을 컴파일, 인스턴스를 DOM에 마운트, 데이터 변경 시 DOM 업데이트) . 또는 호출 할 수 있는 속성들을 의미한다. 2. 라이프사이클 훅이란? 사용자가 특정 단계(초기화 단계)에서 자신의 코드를 추가할 수 있는 함수처럼 생각할 수 있다. (실제로 공식문서에서도 type이 function이다) 라이프사이클 훅에는 beforeCreate, created, beforeMount, mounted, beforeUpdate, updated, beforeDestroy, destroyed 등이 존재한다. (공식문서를..
Web/Vue.js 2019. 12. 1. 22:15

"Vue.js 코딩 공작소" 학습 후기

Vue.js에 최근 관심이 생겨 공부해보려던 찰나에,,! 길벗 출판사에서 개발자 리뷰어 모집 이벤트를 발견했습니다.😎 어떤 언어,기술이던지 공부를 시작할때 일단 책부터 한권 산후에 쭉~ 정독하고 그 후에 자유롭게 활용하며 익숙해지는 타입이라 책을 구매할 예정이었기 때문에 밑져야 본전 이벤트에 신청해보았습니다ㅎㅎ . . 문자로는 11/4일 발송이라 전달받았지만! 토요일 점심때 책이 도착해서 주말에 일찍이 책을 훑어볼 수 있었네요ㅎㅅㅎ > 도착한 책의 전면! 책을 학습해 보니 길벗출판사 소개 부분에 " 빠르게 학습하고 손쉽게 개발하자 "라는 문구가 굉장히 적절한 소개 문구라고 생각했습니다. 저는 본 책을 통해서 Vue.js를 처음 접해보는 상황이었습니다. 처음임에도 불구하고 학습하는데 큰 어려움이 없었고 쉽..
Web/Vue.js 2019. 11. 9. 03:19

MVVM패턴이란?

Vue.js는 MVVM패턴을 기반으로 합니다. MVVM이 무엇인지 알고 Vue.js를 활용하는것이 매우 중요하다고 생각합니다! 1. MVVM의 탄생 배경 자바스크립트 프레임워크가 비동기 방식의 프로그래밍을 지원하기 시작하면서 웹에 특정 작업이 수행될 때 웹 페이지 전체를 다시 요청하는 것은 불필요한 작업이 되었습니다. 변화가 필요한 특정 부분만 업데이트 되게해 더 빠르게 반응하게 할 수 있기 때문입니다. MVC 패턴의 경우 모든 요청과 응답 과정에 시간 소모가 크고 반응형 UX를 제공하기 어렵다는 단점이 있습니다. 이를 해결하기 위해 변형된 모델 MVVM이 생긴것 입니다. 2. MVVM이란? MVVM은 "Model + View + View Model"을 합친 용어입니다. MVC패턴의 변형된 형태라고 생각..
Web/Vue.js 2019. 11. 9. 03:18

Vue.js란?

Vue.js를 공부하기에 앞서 Vue.js가 뭔지! 정리해봅니다🤓 1. Vue.js란? Vue.js는 Evan You가 만들었으며, 2014년 릴리즈를 시작으로 꾸준히 발전하고 있는 자바스크립트 프레임워크입니다. 컨트롤러 대신 뷰 모델을 가지는 MVVM(Model-View-ViewModel) 패턴을 기반으로 디자인되었으며, 재사용이 가능한 UI들을 묶어서 사용할 수 있습니다. 양방향 웹 개발을 쉽게 해주기 위해 프론트엔드 개발에 사용됩니다. 현재 프론트엔드 프레임워크 중 Angular, React와 함께 가장 인기있는 프레임워크로 손꼽힙니다. 2. 역사 2006년 존 레식이 제이쿼리(jQuery)를 출시하면서 HTML의 클라이언트 단 스크립트를 단순화 시켰고 클라이언트단을 위한 여러 프레임워크와 라이브러..
Web/Vue.js 2019. 11. 7. 04:23

동기(Synchronous)&비동기(Asynchronous)

node.js로 과제물 진행중에 비동기처리 덕에 엄청난 시간낭비를 하게되어서,,,😅 잊지않기 위해 포스팅해보려고 합니다.. (특히 node.js는 비동기 방식의 처리를 기본철학(?)으로 한다고...허허) 1. 동기(Synchronous)란? 쉽게 설명해 순차적으로 처리되는 방식이다. 아마 우리에게 더 익숙한 처리방식일 것이다. , .... 여러개의 업무가 순서대로 나열되어 있다면 한개의 업무가 완료되어야 다음 업무가 시작되고 또 해당업무가 끝나면 그 다음 업무가 동작하게하는 방식이다. 따라서 코드가 동기식으로 처리된다면 상황에 따라 긴 수행시간이 발생하며 해당 업무가 완료되기까지 대기해야하므로 처리해야되는 업무가 많은 경우에는 효율성이 떨어지게 될것이다. 2. 비동기(Asynchronous)란? 업무를 ..
Web 2019. 11. 6. 02:07

HTTP 프로토콜 이란?

앞선 포스팅에서 웹에 대한 기본적인 개념과 구동과정에 대한 포스팅을 남겼습니다. 웹의 구동을 정확히 이해하기 위해서는 HTTP프로토콜이 무엇인지 알아야 합니다. HTTP프로토콜에 대한 포스팅을 하겠습니다.😀 1. HTTP프로토콜 이란? HTTP는 HyperText Transfer Protocol의 약자로 인터넷 상에서 데이터를 주고 받기 위한 서버-클라이언트 모델을 따르는 프로토콜입니다. 네트워크 7계층 중 애플리케이션 계층의 프로토콜로 TCP/IP 위에서 동작합니다. HTTP는 HTML문서, 이미지, 동영상, 오디오, 텍스트 문서 등 어떤 종류의 데이터든지 전송될 수 있도록 설계되어 있습니다. HTTP의 이름을 살펴보면 HTTP 프로토콜에 대해 쉽게 이해할 수 있습니다. HyperText Transfe..
Web 2019. 7. 16. 17:07

Web이란?

짜잘짜잘하게 맛본 지식으로 웹 개발을 해보긴 했지만 기초적인 지식부터 기록하며 다시 공부해볼 생각입니다. 이번엔 '웹'에 대해 간단히 정리해 보겠습니다. 1. 웹(Web)이란? 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간으로 World Wide Web의 약자 WWW라고 부르기도 한다. (간단히 웹이라 부르며 인터넷과 동의어로 쓰이는 경우가 많으나 서로 다른 개념이다!) 웹의 기본적인 개념은 아래와 같다. 인터넷에서 HTTP 프로토콜, 하이퍼텍스트, HTML형식 등을 사용하여 그림과 문자를 교환하는 전송방식 인터넷상의 정보를 하이퍼텍스트 방식과 멀티미디어 환경에서 검색할 수 있게 해주는 정보검색 시스템 하이퍼텍스트 형식으로 표현된 인터넷상의 다양한 정보를 효과적으로..
Web 2019. 7. 8. 16:46