오랜만에 블로그에 글을 쓰는것 같다 거의 한 달 만인것 같은데.. 한 달 동안 그냥 학교 시험도 있었고 개인적으로 웹 공부도좀 하고졸업이 얼마 안남아 그냥 취업에 도움될 글좀 찾아보고 다녔다.원래는 정보처리기사 합격 발표가 25일 이라 그날 결과를 보고다시 포스팅을 하려했는데 그냥 너무 오랫동안 포스팅을 하지않은것 같아서 글을 써야겠다.. 글을 안써서 그런지방문자수도 현저히 줄어들었다....ㅜ 먼저 오랜만에 가져온 글은 웹 개발자 신입으로 취업 준비하는 분들에게약간의 팁이 될 수 있는 글이다. 한 달 동안 그냥 돌아다니다발견한 글로 내 블로그로 퍼왔다. 그럼 한달만의 포스팅 시작!!!!!!!!!!!!!!! 출처 : (https://okky.kr/article/314704)==================..
데이터 바인딩(Data Binding)은 HTML 화면 요소를 뷰 인스턴스에 있는 데이터와 연결을 하는것이다.주요 문법으로 {{ }} 와 v-bind 가 있다. 먼저 {{ }} 는 뷰 인스턴스에 데이터를 HTML 태그에연결 할 수 있는 가장 기본적인 텍스트 삽입 방식이다.뷰 뿐만 아니라 다른 언어나 프레임워크에서도 자주 사용되는템플릿 문법이다. 간단하게 형식을 보자. 위 소스는 data 속성이 message 속성값인Test!! 를 div 태그의 {{ message }} 에 연결하여화면에 출력시켜주는 소스이다. 여기서 data 속성의 message값이 바뀌면 뷰 반응성에 의해 화면이자동으로 갱신 될것이다. 만약 뷰 데이터가 변경되도 값을 변경시키고 싶지않다면아래와 같이 v-once 속성을 사용하면된다. v..
뷰의 템플릿은 HTML, CSS등의 마크업 속성과뷰 인스턴스에서 정의한 데이터와 로직들을 연결해서 사용자가 브라우저에서 볼 수 있도록 HTML형태로 변환해 준다. 템플릿의 속성을 사용하는 방법은 두 가지로 되어있다.먼저 첫 번째는 ES5에서 뷰 인스턴스의 템플릿 속성을사용하는 방법으로 아래와 같다. ------------ 이때 템플릿 속성에 대해 알아둬야할 특징이 있는데사용자가 볼 수는 없지만 라이브러리 내부적으로템플릿 속성에서 정의한 마크업 + 뷰 데이터를 가상 DOM기반의 render() 함수로 변환하는 것이다.변환된 render()함수는 최종적으로 사용자가 볼 수 있게 화면을그려주는 역할을 한다. 그리고 그 과정에서 뷰의 반응성이화면에 더해진다. 두 번째 방법은 싱글 파일 컴포넌트 체계의 코드를사용..
정보처리기사 시험도 끝났고 오랜만에 블로그에글이나 써볼까 하고 이곳저곳 돌아다니던중 좋은 글을발견해서 내 블로그로 퍼왔다. 글 작성자가 외국인이라국내 상황과 약간 맞지 않는 부분이 있다. 이점 참고하자 출처:(https://rhostem.github.io/posts/2018-01-25-top-java-script-libraries-tech-to-learn-in-2018/) 원글:(https://medium.com/javascript-scene/top-javascript-libraries-tech-to-learn-in-2018-c38028e028e6) ------------------------------------------------------------------ 작년 나는 2017년에 배워야할 최고..
취업을 위한 자격증 정보처리기사 작년에 정보처리기사 자격증을 따려고 시험을 봤다.2017년3회 필기를 봤는데 필기는 대충 일주일 정도공부 했던것 같다. 필기 시험은 친구 따라 대충 인터넷에서돌아다니는 자료를 보고 공부했다. 그리고 인터넷에 아주 좋게기출 문제등을 풀수 있도록 되어있는 사이트가 있어서 그 사이트에서기출 문제도 많이 풀어 봤다. 그리고 시험을 보는데전공이 컴퓨터라 그런지 그렇게 어렵진 않았던것 같다. 그리고 바로 3회 실기에 도전했는데 47점으로 떨어졌다.실기는 2주정도를 공부했는데 그 중 알고리즘만 일주일 했다이것이 시험에서 떨어진 큰 요인이다. 막상 실기 시험을 보니알고리즘은 그렇게 어렵지 않았다. 그냥 책에서 똑같이 나왔다. 그당시 알고리즘이 어려울것같고 책에서도 알고리즘 파트가가장 분..
액시오스 (Axios)는 현재 뷰 커뮤니티에서 가장 많이 사용되는 HTTP통신 라이브러리다. 에반도 뷰 리소스 라이브러리를 통해공식 라이브러리에서 제외하면서 액시오스를 언급했다고한다.액시오스는 깃허브 리포지토리의 별이 3만개가 넘는다. 이는뷰 리소스의 8천개에 비해 압도적으로 많다. 그만큼 많은 개발자들이관심을 갖고 이용하고 있다는 증거이다. 일반적으로 오픈소스 라이브러리의장래성은 깃허브 리포지토리가 얼마나 활성화되어 있느냐로판단할 수 있는데, 액시오스가 그런면에서 뷰 리소스 보다 더 안정적으로지원되는 라이브러리 라고 할 수 있다. 또한 액시오스는 Promise 기반의 API형식이 다양하게 제공되어별도의 로직을 구현할 필요 없이 주어진 API만으로도간편하게 원하는 로직을 구현할 수 있다. 간단하게 액시오..
뷰 리소스를 사용하는 방법은 CDN을 이용해서 라이브러리를로딩하는 방식과 NPM으로 라이브러리를 설치하는 방법이 있다.CDN 설치 방법을 이용하여 간단히 뷰 리소스로 서버에서 특정데이터를 받아와 로그로 출력해보겠다. 아래 소스를 보자. 먼저 위 코드는 버튼을 하나 추가해 클릭하면지정한 URL의 데이터를 가져오는 소스이다.여기서 불러오는 데이터는 JSON 형식의 간단한 파일이며 프레임워크 종류 - 프레임워크 이름 형태로 키- 쌍 조합으로총 7개의 데이터 쌍으로 되어있다. 먼저 7line에서는 버튼을 인스턴스 영역안인 태그안에태그로 추가했다. 그리고 v-on:click을 이용해버튼을 클릭하면 getData가 호출되도록 한다. 17line은 getData()에는 뷰 리로스 에서 제공하는 API인this.$ht..
요즘 웹 앱 에서 서버에 데이터를 요청하는HTTP통신을 필수로 구현해야 하는 기능이다.과거 웹 사이트가 정적인 텍스트나 간단한 이미지를나타내는데 그쳤다면 이젠 사용자와의 상호 작용에 따라데이터를 동적으로 화면에 표시해 줘야 하기 때문이다. 여기서 HTTP는 브라우저와 서버 간에 데이터를주고받는 통신 프로토콜이다. 브라우저에서 특정데이터를 보내달라고 request를 보내면 서버에서 response로해당 데이터를 보내주는 방식이다.서버에 해당 데이터를 보내달라고 메시지를보내는 것이 HTTP요청을 보내는것과 같다. 웹 앱의 HTTP 통신의 대표적인 것으로 jQuery의 ajax가 있다.ajax는 서버에서 받아온 데이터를 표시할 때 화면 전체를 갱신하지않고도 화면의 일부분만 변경할 수 있게 하는 자바스크립트 기..