PostIT

GraphQLAuthor : HunSeolRepo : https://github.com/Seolhun/typescript-graphql-exampleQuery{ user(id: "1") { id name } users { id name } } { "data": { "user": { "id": "1", "name": "SeolHun" }, "u..

Javascript의 Some이란?JavaScript를 사용하여 과제 중 Some을 통해 어려움을 해결할 수 있었습니다.forEach를 사용하면 list 안의 유효성 검사를 하고 문제가 생길 시 return하는 부분에 대한 불완전성이 있었습니다. 하지만, Array의 Some을 사용하여 이를 해결할 수 있었습니다.과제의 내용은 react와 비슷한 mithril 과제였습니다. 참고자료는 Mithril JS Example 에서 보실 수..

Final Vue ProjectAuthor : SeolHunSimple Summary안녕하세요. 설훈입니다. Vue Study도 진행하고, 여러가지 Github에 공식문서와 강의를 참조하면서 커밋하고 있었습니다. 이러한 블로그 형식의 글은 오랜만에 쓰게되는 것 같네요. 이렇게 글을 쓰는 이유는 개인 스터디한 내용을 공유하고 "왜 Vue를 쓰는지?"에 대한 개인의 의견을 그냥 쓰고자 합니다. 먼저, 저는 Vue에 상당히 큰 매력을 가지고 있으..

Vue Study In Incheon - Day 1.Author : SeolHunIDE : SublimeText3 or WebstormVersion : Vue 2.5.3Started Date : 2017.11.09To do ListPresentationBuild Example & ExplanationComputed Properties and WatchersClass and Style BindingsConditional Renderin..

Getting started Vue and write DocsAuthor : SeolHunGithub : Vue-Example Repository안녕하세요.예전부터 Vue에 대한 글을 쓰겠다고 하면서 만들어놓은 폴더에 드디어 글을 처음으로 쓰게되었습니다.이전부터 Docs와 Udemy 강좌를 들으면서 기본적인 정보와 문법을 익히는데 시간을 좀 썼습니다. 추가적으로 개인 프로젝트에 한번 적용시켜보면서 시간이 꾀 걸렸습니다. 또한, Vuex와 T..

Comparison Front-EndAuthor : SeolHunDate : 2017.10.11Content1. Angular vs React vs Vue- TypeScript란?대형 자바스크립트 어플리케이션에 적합한 언어TypeScript 컴파일러를 통해 JavaScript로 변환 > 디버깅 가능자바스크립트 라이브러리의 동작 방식과 충돌하지 않는다. (타입 > 자바스크립트)추가된 타입 체계 및 문법 강제 (any, ===)ES5..

# [HTML/JavaScript] Html의 이벤트 종류들## 1. 목적Javascript의 Module Pattern을 사용하여 해당 스크립트를 재사용 할 수 있는 장점이 있으며, 다른 소스와 섞이지 않고, 해당 모듈을 통해서 완전한 기능을 제공 할 수 있다. 하지만, 모듈 패턴을 적용하여 구성하면, HTML의 이벤트 코드를 통해 스크립트를 작동시키는게 많아진다. 이를 위해서는 해당 HTML Tag에 제공되는 ..

# 파일 업로드 전에 파일 정보 체크하기. 파일 업로드 시에는 WAS나 자체 내 파일 문제로 에러가 발생 될 수 있다. 이러한 에러처리를 하는 것은 당연하다. 하지만, 유저 입장에서 간단하게 파일을 체크하여, 되는지 안되는지를 아는 것이 더 중요한 것으로 판단된다. 그래서 파일을 올릴 때, 변화여부를 체크하여 파일정보를 볼 수 있게 해야한다. var CommonFunctionModule = (function() {  ..

# AngularJS와 JQuery Ajax 통신 시 문법 차이 1. Angular JS$http({    /* HTTP 통신 방법 */    method : 'GET',     /* 통신 할 URL */    url : root + "/news/list-json",    timeout : 600000,    /* 보낼 변수 */&n..

# URI, Protocol, HOST Javascript에서 값 가져오기.window.location.protocolReturn) http:window.location.hostReturn) localhost:8080window.location.pathnameReturn) /projectName/currentPath