본문 바로가기

프로그래밍

(57)
AmazonS3Client, deprecated!!! 1. 기존 메소드 AmazonS3 s3Client = new AmazonS3Client(new BasicAWSCredentials(accessKey, secretKey)); - 해당 메소드 수석을 참고하면 아래와 같다./** * Constructs a new Amazon S3 client using the specified AWS credentials to * access Amazon S3. * * @param awsCredentials * The AWS credentials to use when making requests to Amazon S3 * with this client. * * @see AmazonS3Client#AmazonS3Client() * @see AmazonS3Client#Amazo..
Safari 11.1 업데이트 이후 ajax 버그 1. safari 11.1 update - 기존 Safari (mac or ios)에서는 정상적으로 동작하던 ajax가 safari 11.1 버전 업데이트를 진행한 후로 오류가 발생함. - ajax 내 error 메시지가 다음과 같다Failed to load resource: The operation couldn’t be completed. Protocol error - Chrome이나 Firefox 등 최신버전에서는 문제가 없었다. 2. 원인 - Webkit 버그!!!! (Webkit 빌드 r230963) - input[type=file] 또는 formData 내에 file - ajax 내 data에 빈 파일 필드가 전송되면 발생함. - (전 IOS 11.3에서 발생하여 수정 했습니다.) 3. 해결책 ..
생산성을 올려주는 Tools 그냥 평소에 자주 쓰는 툴 및 사이트 공유... 1. 웹사이트 1) jwt.io - 바로가기 - jwt 를 손쉽게 decoded 할 수 있는 곳 2) jsonlint.com - 바로가기 - JSON Validation 해주고, beautify 해준다. 2. Chrome Extension 1) Css viewer- 바로가기- 웹페이지 내 css를 손쉽게 볼 수 있다. 2) postman- 바로가기- 너무 유명한 Rest Client 3) editthiscookie- 바로가기- 쿠키값을 조작하기 편한 extension 4) JWT Analyzer & Inspector- 바로가기- 위에 웹사이트 탭에 있는 jwt.io처럼 jwt 값을 손쉽게 decoded 해주는 툴 5) JSONView- 바로가기- Json ..
npm에서 --save, --save-dev 옵션 1. --save - 응용 프로그램을 실행하는 데 필요한 패키지를 저장하는 데 사용 - '-S'로 줄여 쓸 수 있음. - package.json 이 존재하면 dependencies 에 추가된다. npm install [package_name] --saveornpm install [package_name] -S 2. --save-dev - 개발 목적으로 패키지를 저장하는 데 사용 - '-D'로 줄여 쓸 수 있다. - package.json 이 존재하면 devDependencies 에 추가된다. - mocha 등 unit test 등 추가할 때 사용... npm install [package_name] -save-devornpm install [package_name] -D
[Vue.js] page-loader 만들기. 1. vue.js 내 v-show 를 사용해서 만들면 된다. - loader는 fontawesome를 사용했다.
radio, checkbox clear 버튼 만들기. 1. javascript 버전.2. jquery 버전 - jquery 버전에 따라 prop 의 옵션이 달라질 수 있습니다. 참고하세요. 3. 풀소스
[Vue.js] 1-2. 시작하기 : vue-cli 1. 프로젝트 생성하기(vue-cli) 1) vue-cli 설치하기. - Global로 설치하기npm install -g vue-cli 2) project 생성하기.mkdir {PROJECT_NAME} cd {PROJECT_NAME} vue init webpack-simple - vue 명령어 설명 비고 init generate a new project from a template vue init {project template type} {PROJECT_NAME} list list available official templates vue list
[Vue.js] 1-1. 시작하기 : CDN 링크로 배워보자. 1. Vue란? - front-end framework - 배우기 쉽다. - view에 최적화 되어 있다. - MVVM(Model-View-ViewModel) 패턴을 기반으로 디자인 2. 간단하게 시작해보자. - index.html 파일을 만들고, 아래 링크를 포함한 페이지를 만들어보자.https://unpkg.com/vue orhttps://cdn.jsdelivr.net/npm/vue 1) index.html {{ msg }} - 결과 3. Declarative Rendering - 디렉티브는 vue에서 제공하는 속성, v- 로 접두어가 붙는다. 1) v-if - 조건문 사용할 때 사용. 로그인 되었습니다. 로그아웃 되었습니다. 로그인이 필요합니다. - template 에도 사용가능 로그인 되었습니다...