Vanilla JS

지금부터는 Vanilla JS를 편하게 바닐라JS라고 기재하겠다.
Javascript를 사용하는 개발자로써, 많은 사람들이 들어 보았을 것이다.
필자는 과거 면접에서 이러한 질문을 받은 적이 있다.
‘바닐라 JS에 대해 아시나요?’라는 질문을 받았다. 좀 당황스러운 질문이었다.
평소 바닐라JS === Javascript라고 생각해 온 상황이서 그런지 더욱 당황스러웠지만…답을했다.
‘일반적으로 우리가 사용하고 있는 Javascript라고 합니다.’
‘그럼 왜 자바스크립트가 바닐라JS라고 불리는지 아시나요?’ 또 당황스러웠다.(이것이 면접에서 말리는 시초였다.)

Read More

2017년 회고

2017년이 가고 2018년 1월이 반쯤 보낸 후, 다시 한번 나를 채찍질 하게 만든 사건을 통해 마음을 다잡고 공부와 블로그 운영을 다짐하며,
첫 회고를 쓴다.
올해는 유난히 ‘첫, 처음’이란 단어가 어울렸던 한해였다.
첫 블로그, 첫 커플해외여행, 첫 에이전시, 첫 기술들등……
항상 개발을 하며 느끼는 점은 ‘처음’ 그리고 ‘낯선’ 기술등에 대한 어려움이나 반감이었다.
올해 기술들에 대한 반감으로 새로운 기술을 도입하려고 팀원들의 반대로 했으나 실패했었다.
필자는 개발자라면, 당연히 더 좋은 기술, 더 좋은 방법이 있다면 그것에 대해 지금 당장 사용을 하지 못하더라도 알아두는것 정도는 해야한다고 생각한다.
서론이 길었다. 처음 쓰는 회고라 다른 분들의 회고를 보니 주제를 나눠 이야기 하는 것을 보았다. 나도 그방법을 선택하도록 하겠다.

Read More

Vue

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

Vue.component

우리는 SPA(single page application)을 제작할때 컴포넌트를 만들고 재사용하는 방법을 일반적으로 많이 사용합니다.
그만큼 컴포넌트를 만드는 것이 중요합니다.
이번에는 Vue를 이용해서 컴포넌트를 만드는 방법을 알아보겠습니다.
기존의 방식과 같이 뷰 프레임워크를 연동 후 부터 진행을 해보겠습니다.

Read More

Vue

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

computed

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

computed 사용법

1
2
3
4
5
6

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

Read More

Vue

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

v-on

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

1
2

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

Read More

Vue

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

Vue 시작하기

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

1

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

Read More

용어정리

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

OSI 7계층

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

Read More

용어정리

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

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

Read More

doctype이란 무엇인가?

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

Read More

함수정리

> 사용법편

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

y = f(x)

Read More