본문 바로가기

분류 전체보기

[blah blah] 2018 SW개발 하계인턴(정규직 채용 연계형) 서류전형 지원 [2018 SW개발 하계인턴(정규직 채용 연계형)] 대학 생활 하면서 인턴쉽 생활을 꼭 해보고싶었는데 마침 좋은 기회가 있어서 지원을 해봤다. 솔직히 말하면 개발자의 길로 가고싶다는 생각을 갖고 실천한게 얼마 되지 않았다. 한 반년? 길다면 길지만 정말 쉬지않고 달렸기때문에 나의 실력을 테스트해보고싶었던 순간이었다. 1차는 서류전형이다. 서류전형이 항상 문제다 ㅎㅎ자소서는 글을 못쓰는 나에게있어서 정말 힘들었지만 그래도 나의 진심이 글에 녹았나보다!! 결과는 1차 서류전형합격!!! 필기 / 코딩테스트의 시험이 남았다. 솔직히 내일인데 긴장되서 글을 쓰고있다.알고리즘 공부보다는 이제까지 문법 공부들과 웹 공부를 전념하고있던터라 항상 코딩테스트에 약한 내 모습을 볼 수 있었다. 저번에 '프로그래머스' 에서 ..
[Git] Git, Github about_github Git 에 대하여 Git 사용법을 알아야 한다. git은 필수다. 라는 말을 수도없이 들어왔고 나도 한번 써본 이후로 편리해 계속 쓰게되었다. 사용한지 얼마 되진않은 뉴비이기에 잘못된점은 말씀해주시면 감사하겠습니다. Git 탄생배경 리누스 토발즈가 리눅스 커널을 개발에 이용하려고 개발했다고 한다. 그래서 Git 이 뭐죠? Git 은 소스 코드 관리를 위한 분산버전관리 시스템 이다. Git 의 작업폴더는 소스코드 수정기록과 그 기록을 볼 수 있는 로컬저장소(Local Repository) 이다. 분산버전관리 시스템이란? 분산된 버전관리이다. 이는 각 개발자가 서버에 접속하지 않고도 각자 개발을 할 수 있는 것이다. 버전이란? 소스코드 하나 또는 여러 묶을 하나의 버전이라고 한다 왜 ..
Vuetiful Korea 4회 를 다녀오며 vuetifulKorea4 Vuetiful Korea 4회 를 다녀오며 2018년 4월 17일에 해당 밋업을 다녀왔다. 밋업에 살짝 늦게되어 첫번째 발표는 듣지 못했다.발표순서는 다음과 같았다. 아뇨, 난 Vue.js 사용할건데요? 새로운 패러다임, 이전 코드의 문제점, vue.js 를 도입하기전 신경써야하는 부분, 실제 서비스에 적용해본 vue.js, 느낀점 Vue.js와 Electron으로 데스크탑 앱 만들기 electron, desktop, chromium, node.js, cross-platform Apollo로 알아보는 Vue in the GraphQL graphql, api, apollo, vue 느낀점 나는 밋업이 처음이었다. 지인을 통해 같이 가게되었는데 처음 신청하고 든 생각은 '과연 내..
[Web] SPA와 라우팅 hash SPA & Routing & Hash 1. SPA (Single Page Application) 란? 단일 페이지 어플리케이션은 모던 웹의 패러다임이며, 기본적으로 단일 페이지로 구성되어있다. 기존의 웹은 요청시마다 새로고침이 발생하여 서버로부터 리소스들을 받아 렌더링하게 되는데 이렇게 서버가 해당하는 html을 내려주는 방식을 서버 사이드 렌더링(Server-side rendering) 이라고 부른다. 대체로 header 나 footer 부분은 변하지않고 contents 부분만 변하게 되는데 변하지 않는 부분까지 렌더링을 하게되면 굉장히 비효율적이다.하지만 SPA 는 처음에 모든 정적 리소스들을 처음에 한번 내려받는다. 이렇게되면 새로운 페이지를 요청할 때 해당하는 데이터만 전달하면 되므로 필..
[Javascript] Singleton Pattern 싱글톤 패턴 singleton Singleton Pattern 싱글톤패턴(singleton pattern) 이란? 싱글톤 패턴은 전체 시스템에서 하나의 인스턴스만 존재하도록 보장하는 객체 생성패턴이다. 동일 클래스로 new 를 해도 인스턴스 하나만 존재한다는 것이다. 특징 객체 자체에는 접근이 불가능해야함 객체에 대한 접근자(비공개 멤버: 클로저)를 사용해 실제 객체를 제어할 수 있다. 객체는 단 하나만 만들어지며, 해당 객체를 공유함 다음과 같은 객체 리터럴도 싱글톤 패턴이다. var obj = { a: 'foo', b: function(){}} 이렇게 하게되면 비공개상태 및 함수를 정의할 수 없다.그렇기 때문에 closure 를 통해 비공개로 만들어야한다. var Singleton = (function() { /..
[Javascript] bind, call, apply 그리고 this bind bind, call, apply bind() .bind(thisArg[, arg1[, arg2[,...]]]) bind() 의 역할은 새로운 함수를 만든다. 이 함수의 실행 문맥은 .bind()의 첫번째 인자로 받은게 된다. 바인딩함수는 미리 정의해둔 this 값으로 함수를 생성할 수 있기 때문에 매우 유용하다. call() .call(thisArg[,arg1[,arg2[,...]]]) call() 함수는 첫번째 인자로 함수 내부에서 사용할 this로 만들어준다 나머지 parameter 는 메서드에 전달한 인자 목록이다. apply() .apply(thisArg[,argsArray]) apply() 함수는 call() 함수와 동일하지만 배열로 메서드에 인자를 전달한다는것이 차이이다. 헷갈리는 부..
[Web] 웹브라우저의 역사와 웹 프레임워크의 등장 web_history 웹브라우저의 역사와 웹 프레임워크 웹 브라우저의 역사와 웹 프레임워크의 등장 배경을 작성 초기 웹 초기 웹 사용자는 NetScape 와 IE 둘 중에 선택을 할 수 있었는데, NetScape 의 시장 점유율이 86%에 달했다. 하지만 1996년도에 Microsoft 가 IE 브라우저를 운영 체제와 통합을 해버려서 IE 의 점유율이 75% 까지 상승했다. 이로 인해 NetScape 는 쇠퇴했고 IE 가 거의 독점을 하는 추세였다.상업적으로 제품 개발을 할 수 없게 된 NetScape 는 오픈소스를 통해 Mozilla 를 만들었다. (Mozilla 는 NetScape 회원들이 1998년에 설립한 free software community) Mozilla 는 Firefox 브라우저를 만들..
[Javascript] BOM 과 DOM 이란? BOM Javascript Javascript 는 4가지로 세분화할 수 있다 분류 설명 자바스크립트 Core문법 기본문법, 데이터타입, 조건문 등이 포함 자바스크립트 Core라이브러리 내장함수들이 포함되어있음, Date, Math 등 자바스크립트 DOM 노드(node), 스타일, 속성, 이벤트 등을 다룰 수 있는 다양한 기능 포함 자바스크립트 BOM 브라우저와 관련된 Window, Navigator, Location, History, Document, Screen 객체가 포함 BOM (Browser Object Model) BOM(브라우저 객체 모델) 은 브라우저와 컴퓨터 스크린에 접근 할 수 있는 객체의 모음. window 객체를 통해 접근 가능 window 객체모델 navigator : 브라우저명과 ..