[etc] 2019 네이버 널리 세미나 후기

일 시 : 2019. 6. 25 (화) 장 소 : 네이버 그린팩토리 2층 커넥트홀 기회가 생겨 네이버에서 주관하는 제7회 널리 세미나에 다녀왔다. 이번 주제는 AI & Acessibility with Education 였으며 총 8세션으로 진행되었다. 당일 작성한 노트를 토대로 세션의 전반적인 내용 및 개인적인 소감을 작게나마 적어봤다. S…

Read Article →

[Vue.js] 이벤트 핸들링

vue.js 에서는 v-on 디렉티브를 사용하여 다양한 이벤트 핸들링 방법을 지원한다. 1. 기본 이벤트 핸들링 v-on:click="counter += 1" 처럼 직접 자바스크립트 코드를 적을 수도 있고, 아래와 같이 메소드의 이름을 받아 핸들링할 수 있다. 1-1. 매개변수 지정 매개변수를 지정하여 메소드에 값을 전달할 수 있다. 1-2. DOM이벤트에 접근 $event 변수를 사용해 원본 DOM이벤트에 접근할 수 있다. 2. 이벤트 수식어 Vue.js에서는 v-on…

Read Article →

[etc] SQL 명령문 정리

정보처리기사 실기를 공부하면서 2과목 데이터베이스에 나오는 SQL문을 간략하게 정리했다. 예시 코드의 대괄호 [] 는 생략이 가능하다는 표시! DDL DDL(Data Definition Language)은 스키마, 도메인, 테이블, 뷰, 인덱스를 정의하거나 변경 또는 제거할 때 사용하는 언어이다. CREATE SCHEMA CREATE DOMAIN CREATE TABLE CREATE VIEW CREATE INDEX CREATE TRIGGER ALTER TABLE DROP SELECT SELECT…

Read Article →

[etc] 2019 제2차 정보접근성 오픈 아카데미 후기

일 시 : 2019. 6. 7(금), 19:00~21:00 장 소 : 한국정보화진흥원 서울청사(무교동) 지하1층 1회의실 웹 접근성 연구소 에서 주최하는 2019년 제…

Read Article →

[Vue.js] 라이프사이클과 훅

라이프사이클이란 어떤 Vue 인스턴스가 생성되면, 미리 사전에 정의된 몇 가지 단계를 거치게 되는데 이를 라이프사이클(Life Cycle) , 번역하면 생명주기 라고 부른다. 다시 말해, 라이프사이클이란 Vue 인스턴스가 생성(Create), 부착(Mount), 갱신(Update), 소멸(Destroy)의 4가지 단계를 거치는 과정을 뜻한다. 라이프사이클 훅 라이프사이클의 특정 시점에서 원하는 로직을 수행하기 위해서 라이프사이클 훅(Lifecycle Hook)을 이용한다. 가장 많이 사용하는 훅으로는 beforeCreate…

Read Article →

[Web] 디자인 패턴 톺아보기 - MVC, MVP, MVVM

웹 개발을 하면서 만나게 되는 용어 중 하나가 디자인 패턴 이다. 잘 설계된 디자인 패턴은 역할별로 패턴을 나누어 관리함으로써 개발자로 하여금 유지보수가 편리한 코드를 짤 수 있게 돕는다. 이번 포스팅에서는 디자인 패턴 중 MVC, MVP, MVVM…

Read Article →

[Vue.js] 템플릿 문법이란

Vue.js 는 렌더링 된 DOM과 Vue 인스턴스의 데이터에 바인딩 할 수 있는 HTML 기반의 문법 을 제공한다. Vue.js 는 내부적으로 템플릿 문법을 가상 DOM으로 리턴하는 render 함수로 컴파일 하는데, 이 떄 가상 DOM을 이용하여 최소한의 DOM을 조작하고 성능 부하를 최소화한다. 템플릿 문법1. 보간법 (Interpolation, 값 대입) Vue 인스턴스에 있는 데이터를 HTML 템플릿에 표현하기 위해 사용한다. 콧수염을 닮은 Mustache…

Read Article →