Vue

프론트엔드 개발 공부를 위해 SPA페이지 제작을 위한 Javascript 프레임워크 중 Vue를 공부해보도록하겠습니다.
Vue에 대한 설명 및 장단점은 추후 포스팅하도록 하고, 지금은 사용방법에 대해서만 포스팅을 하도록 하겠습니다.

computed

계산된 속성을 바인딩할때 사용.

computed 사용법

1
2
3
4
5
6

new Vue({
  el:'#app',
  data:{},
  methods:{},
  computed:{}
});

자세히 보기

Vue

프론트엔드 개발 공부를 위해 SPA페이지 제작을 위한 Javascript 프레임워크 중 Vue를 공부해보도록하겠습니다.
Vue에 대한 설명 및 장단점은 추후 포스팅하도록 하고, 지금은 사용방법에 대해서만 포스팅을 하도록 하겠습니다.

v-on

v-on 어트리뷰트를 통해 이벤트를 발생시킬 수 있습니다.
그리고
약어 [ @ ] 를 통해 단축이 가능합니다.

1
2

<button v-on:click.once="Function">이벤트</button>
<button @click.once="Function">이벤트</button>

자세히 보기

Vue

프론트엔드 개발 공부를 위해 SPA페이지 제작을 위한 Javascript 프레임워크 중 Vue를 공부해보도록하겠습니다.
Vue에 대한 설명 및 장단점은 추후 포스팅하도록 하고, 지금은 사용방법에 대해서만 포스팅을 하도록 하겠습니다.

Vue 시작하기

Vue도 다른 프레임워크와 같이 npm 모듈을 이용해 설치해서 사용할 수 있습니다.

1

<script src="node_modules/vue/dist/vue.min.js"></script>

자세히 보기

용어정리

이 카테고리는 비전공자로서 개발자로써 공부하며, 평소 이해하지 못한 단어를 제방식대로 정리하는 카테고리입니다.
제방식대로 풀어 쓴것이므로 오류가 있을 수 있습니다.
오류가 있을시 댓글로 남겨주시면 참고하도록 하겠습니다.

OSI 7계층

면접을 보다보면, OSI 7계층에 대해 물어보는 곳이 꽤나있다.
그렇게 접하게 된 OSI 7계층에 대해 네트워크 데이터 통신 책을 보며 간략히 정리를 해보았다.

자세히 보기

용어정리

이 카테고리는 비전공자로서 개발자로써 공부하며, 평소 이해하지 못한 단어를 제방식대로 정리하는 카테고리입니다.
제방식대로 풀어 쓴것이므로 오류가 있을 수 있습니다.
오류가 있을시 댓글로 남겨주시면 참고하도록 하겠습니다.

컴포넌트란 무엇인가?
쉬운듯 하나 어려운 IT언어…
금일은 컴포넌트단위.. 컴포넌트수정..등 컴포넌트에 대해 알아보겠습니다.

자세히 보기

doctype이란 무엇인가?

DOCTYPE이란 무엇인가. 흔히들 줄여말해 DTD라고 불리운다.
DTD는 Document Type Definition의 약자이다. 즉, 문서형식을 정의해주는 것이다.
HTML이 어떤 버전으로 작성되었는지 미리 선언해,웹브라우저가 내용을 올바로 표시할 수 있도록 해주는 것이 DTD입니다.

자세히 보기

함수정리

> 사용법편

함수란 무엇일까요?
우리는 중학교를 나왔다면, 이미 들어봤을것입니다.
간단한 함수를 보며 살펴 보겠습니다.

y = f(x)

자세히 보기

이미지 압축

지난번 랜더링 포스팅에 있어 클라이언트가 서버에 요청을 줄이는 것이 가장 효율적인 렌더링을 하는 방법이라는 것을 포스팅했습니다.
지난포스팅 1편 다시보기
지난포스팅 2편 다시보기

랜더링에 있어 요청을 줄이는 것 만큼 중요한것이 있다.
바로

이미지

자세히 보기

브라우저 렌더링에 영향을 주는 build 도구란 무엇인가?

보통 많이 들 사용하는 대표적인 빌드도구는 gulp, grunt, webpack등이 있다.
이러한 빌드도구는 업무의 효율성에서도 탁월하게 도움을 준다.

본인은 gulp와 webpack를 모두 조금씩 사용해보고, gulp를 더 자주 사용하고 있다.
이유는 webpack은 webpack2를 넘어 webpack3까지나면서 문법을 사용하는 방식도 달라지도 있기때문에,
설정을 하는데 조금 어려움이 있다.
그러한이유로 gulp를 사용하는것이 더 편하다고 느껴 gulp를 사용하고있다.

자세히 보기

브라우저 렌더링이 이루어지는 과정

웹을 개발하는 사람로써 웹브라우저가 렌더링 되는 과정을 이해하는 것은 필수가 아닐까합니다.

저는 왜???
라는 말을 참 좋아하는데요.
어떠한 행위를 할때 ‘왜?’ 라고 생각해보는 과정은 좋은 습관이라고 생각합니다.
우리는 웹개발을 하는 사람으로써, 어떠한 과정에 한계를 두지 말고 지금은 모르더라도 점진적으로 알아가야 한다고 생각을 하는데요.
우리가 작업을 하는 HTML, CSS, JavaScript가 렌더링 되는 과정을 이해하는 것이 매우 중요하다고 생각합니다.

자세히 보기