일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- ai
- Github
- mysql
- Web
- Numpy
- Deep
- centos
- java
- Security
- error
- framework
- db
- Analysis
- LIST
- Spring
- git
- Pattern
- 자바
- Python
- SSH
- DeepLearning
- interface
- learning
- mariaDB
- 함수
- Server
- javascript
- Linux
- 인공지능
- data
- Today
- Total
목록Script (26)
PostIT
GraphQLAuthor : HunSeolRepo : https://github.com/Seolhun/typescript-graphql-exampleQuery{ user(id: "1") { id name } users { id name } } { "data": { "user": { "id": "1", "name": "SeolHun" }, "users": [ { "id": "1", "name": "SeolHun" }, { "id": "2", "name": "Jay" }, { "id": "3", "name": "Steve" }, { "id": "4", "name": "Jobs" } ] } }TypeInt : 부호있는 32 비트 정수Float : 부호있는 배정 밀도 부동 소수점 값.String : UTF-8 ..
Javascript의 Some이란?JavaScript를 사용하여 과제 중 Some을 통해 어려움을 해결할 수 있었습니다. forEach를 사용하면 list 안의 유효성 검사를 하고 문제가 생길 시 return하는 부분에 대한 불완전성이 있었습니다. 하지만, Array의 Some을 사용하여 이를 해결할 수 있었습니다.과제의 내용은 react와 비슷한 mithril 과제였습니다. 참고자료는 Mithril JS Example 에서 보실 수 있습니다.Some이란?배열의 모든 요소에 대해 지정된 콜백 함수가 true를 반환하는지 여부를 결정합니다.설명callbackfn 함수가 true를 반환할 때까지 some 메서드는 각 배열 요소에 대해 오름차순 인덱스 순서로 callbackfn 함수를 호출합니다. callba..
Final Vue ProjectAuthor : SeolHunSimple Summary안녕하세요. 설훈입니다. Vue Study도 진행하고, 여러가지 Github에 공식문서와 강의를 참조하면서 커밋하고 있었습니다. 이러한 블로그 형식의 글은 오랜만에 쓰게되는 것 같네요. 이렇게 글을 쓰는 이유는 개인 스터디한 내용을 공유하고 "왜 Vue를 쓰는지?"에 대한 개인의 의견을 그냥 쓰고자 합니다. 먼저, 저는 Vue에 상당히 큰 매력을 가지고 있으며, 다른 프레임워크보다 Vue에 더 큰 미래가 있다고 보고 있습니다. 이유는 차차 적어가겠습니다.첫째, 첫 직장에서 JavaScript, jQuery로 작업을하면서 너무나 힘든 상황을 많이 했습니다. 특히, HTML을 렌더링해야하는 상황이나, 데이터를 계속 묶어서 처..
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 RenderingList RenderingEvent HandlingForm Input BindingsProjectBuild To do list using Local Storage.To do List(Read, Write, Update, Delete)Vue Summary with exampl..
Getting started Vue and write DocsAuthor : SeolHunGithub : Vue-Example Repository안녕하세요. 예전부터 Vue에 대한 글을 쓰겠다고 하면서 만들어놓은 폴더에 드디어 글을 처음으로 쓰게되었습니다. 이전부터 Docs와 Udemy 강좌를 들으면서 기본적인 정보와 문법을 익히는데 시간을 좀 썼습니다. 추가적으로 개인 프로젝트에 한번 적용시켜보면서 시간이 꾀 걸렸습니다. 또한, Vuex와 TypeScript를 배워야지만 진정으로 Vue가 추구하는 가치를 공유할 수 있기 때문에 점점 더 러닝커브가 심화되는 과정을 따라가다보니 많은 시간들이 할애되고 있네요.현재는 인천에서 스터디를 모집하여 진행 중이며, 한 주마다 간단히 문서를 정리하여 공유하는데, 그런..
Comparison Front-EndAuthor : SeolHunDate : 2017.10.11Content1. Angular vs React vs Vue- TypeScript란?대형 자바스크립트 어플리케이션에 적합한 언어TypeScript 컴파일러를 통해 JavaScript로 변환 > 디버깅 가능자바스크립트 라이브러리의 동작 방식과 충돌하지 않는다. (타입 > 자바스크립트)추가된 타입 체계 및 문법 강제 (any, ===)ES5(ECMAScript 5) 문법의 상위 집합- DOMShadow DOM Shadow DOM은 웹 컴포넌트 표준의 일부이며 DOM 트리 및 스타일 캡슐화를 가능하게합니다. 기본적으로 Shadow DOM은 우리가 다른 요소 뒤에 DOM 로직을 숨길 수 있음을 의미합니다. 또한, 외부..
# [HTML/JavaScript] Html의 이벤트 종류들## 1. 목적Javascript의 Module Pattern을 사용하여 해당 스크립트를 재사용 할 수 있는 장점이 있으며, 다른 소스와 섞이지 않고, 해당 모듈을 통해서 완전한 기능을 제공 할 수 있다. 하지만, 모듈 패턴을 적용하여 구성하면, HTML의 이벤트 코드를 통해 스크립트를 작동시키는게 많아진다. 이를 위해서는 해당 HTML Tag에 제공되는 이벤트에 대한 지식이 필요하다. 이를 위해 정리하였다.## 2. 내용이벤트발생onabort이미지 로딩에서 이탈하였을 때(다른 연결로 이동)onactivate개체의 activeElement 속성을 설정하였을 때onafterprint관련된 문서를 인쇄하거나 인쇄 미리보기를 후 즉시onbeforeac..
# 파일 업로드 전에 파일 정보 체크하기. 파일 업로드 시에는 WAS나 자체 내 파일 문제로 에러가 발생 될 수 있다. 이러한 에러처리를 하는 것은 당연하다. 하지만, 유저 입장에서 간단하게 파일을 체크하여, 되는지 안되는지를 아는 것이 더 중요한 것으로 판단된다. 그래서 파일을 올릴 때, 변화여부를 체크하여 파일정보를 볼 수 있게 해야한다. var CommonFunctionModule = (function() { //File Info & Validation Check var checkFileBeforeUpload=function(htmlTagId){ var files = document.getElementById(htmlTagId); // binds to onchange event of the inpu..
# AngularJS와 JQuery Ajax 통신 시 문법 차이 1. Angular JS $http({ /* HTTP 통신 방법 */ method : 'GET', /* 통신 할 URL */ url : root + "/news/list-json", timeout : 600000, /* 보낼 변수 */ params : { "currentPage" : currentPage }, /* 데이터 타입. */ responseType : 'json', headers : { "Content-Type" : "application/json; charset=utf-8", "Accept" : "application/json", csrfHeader : csrfToken }}).then(function(response) { con..