본문 바로가기

분류 전체보기347

728x90
jQuery #jqXHR 란? / ajax async true false 차이 jQuery.ajax() async async : true = 비동기 (Asynchronous, 요청을 보낸 후 응답결과와는 상관없이 다음방식이 동작하는 방식) async : false = 동기 (Synchronous, 요청을 보낸 후 응답결과를 받아야지만 다음 동작이 이루어지는 방식) async (default : true) type : boolean 기본적으로 모든 요청은 비동기적으로 전송됩니다 (즉, 기본적으로 true로 설정 됨). 동기 요청이 필요한 경우이 옵션을 false로 설정하십시오. 도메인 간 요청 및 dataType : "jsonp"요청은 동기 작업을 지원하지 않습니다. 동기 요청은 브라우저를 일시적으로 잠글 수 있으며 요청이 활성화 된 동안 모든 작업을 비활성화 할 수 있습니다. jQ.. 2019. 9. 11.
Angular #Create My First Project 1. Create Angular Project *[my-first-project] 은 사용자 정의 프로젝트명이 들어갑니다. $ ng new [my-first-project] $ cd [my-first-project] 2. Builds and serves your app, rebuilding on file changes 앱을 빌드합니다. $ ng serve 3. localhost:4200 Web browser에서 빌드된 프로젝트의 첫 화면을 접속합니다. ng serve 참고 사이트(EN) : https://angular.io/cli/serve 2019. 9. 10.
Angular #Angular CLI 설치 Angular CLI 란? Angular CLI는 간단한 명령어를 사용하여 Angular 프로젝트 스캐폴딩(scaffolding)을 생성, 실행, 빌드할 수 있으며 Angular의 다양한 구성 요소를 선별적으로 추가할 수 있는 커맨드-라인 인터페이스(command line interface)입니다. 개발용 서버를 내장하고 있어 프로젝트 실행 동작을 확인할 수 있습니다. Angular CLI 설치하기 $ npm install -g @angular/cli ※ 유의사항 node.js의 버전이 angular cli의 버전과 맞지 않을 경우가 있습니다. 그럴 경우 node.js와 npm의 버전을 최신버전으로 맞추고 진행합니다. ※ node.js 최신버전 업데이트 1. 지웠다 다시 깝니다. (제일 쉽고 확실한 방법.. 2019. 9. 10.
JAVA_ Fail-Safe Iterator vs Fail-Fast Iterator Fail-Safe Iterator vs Fail-Fast Iterator Fail-Fast systems은 가능한 빨리 실패를 노출하고 전체 작업을 중지하여 작업을 중단합니다. 반면 Fail-Safe systems은 장애 발생시 작업을 중단하지 않습니다. 따라서 가능한 한 많은 실패를 피하려고 노력합니다. Fail-Fast Iterators Iterator의 remove() 메소드 이외의 코드로 기존 Collection이 수정되면 Fail-fast iterators는 예외가 발생합니다. Collection은 modCount라는 내부 카운터를 유지합니다. Collection에서 항목을 추가하거나 제거 할 때마다 이 카운터가 증가합니다. 반복 할 때 각 next() 호출에서 modCount의 현재 값이 초기.. 2019. 9. 9.
JAVA_ 컬렉션 프레임워크 / HashMap과 Hashtable의 차이점 스레드 동기화가 필요하지 않은 경우 일반적으로 HashMap이 HashTable보다 선호됩니다. HashMap Hashtable HashMap은 동기화가 안됩니다. Hashtable은 동기화가 됩니다. HashMap은 스레드에 안전하지 못합니다. Hashtable은 스레드에 안전합니다. HashMap은 적절한 동기화 코드가 없다면 많은 스레드간 공유가 불가능합니다. Hashtable은 많은 스레드에 공유 가능합니다. HashMap은 하나의 null 키 값과 다수의 null 벨류 값을 가질 수 있습니다. Hashtable은 null 사용이 불가능합니다. HashMap은 JDK 1.2에 추가된 클래스입니다. Hashtable은 오래된(래거시) 클래스입니다. HashMap은 빠릅니다. Hashtable은 느립.. 2019. 9. 8.
React.js #JSX 인라인 스타일링 리액트에서 DOM 요소에 스타일을 적용할 때는 문자열 형태로 적용할 수 없습니다. 그 대신 css 스타일을 자바스크립트 객체 형식으로 만들어 적용해야 하는데요. key는 카멜표기법(camelCase)으로 작성합니다. App.js 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 32 33 //(1) import React //리액트는 하나의 태그 안에 감싼 형태여야 합니다. //다중행의 태그로 선언하려할 땐 Fragment로 감쌀 수 있습니다. import React, { Component, Fragment } from 'react'; //(2) import css //style은 render(){}안에 .. 2019. 9. 3.
Git Bash #명령어 정리 리액트를 공부함에 있어 사용 중인 커맨드 라인 git bash의 명령어를 정리하였습니다. [파란글씨]는 명령어가 아닌 사용자가 기입하여야할 부분입니다. 공백에 유의하여 작성합니다. - 커맨드창 명령어 - 커맨드창 화면 초기화 Ctrl + L 명령어 맨 앞 / 맨 뒤로 이동 Ctrl + A / Ctrl + E 디렉토리 이동 $ cd [이동할 하위 디렉토리명] 디렉토리 생성 $ mkdir [현재 경로에 생성할 디렉토리명] 디렉토리 삭제 $ git rm -r [삭제할 디렉토리명] 디렉토리 목록 조회 (2 가지) $ dir $ ls 파일 내용 조회 $ cat [파일명] - 깃허브 계정정보 세팅 - 리모트 저장소에 Github 사용자 정보 세팅 $ git config [--global] user.name "Ful.. 2019. 9. 3.
React.js #리액트 시작 ※ 『리액트를 다루는 기술』을 읽고 공부한 과정을 기록합니다. 1장 리액트 시작 React.js 리액트는 자바스크립트 라이브러리로 유저 인터페이스를 만드는 데 사용합니다. 오직 V(View)만 신경 쓰는 라이브러리이며 리액트의 주요 특징 중 하나는 Virtual DOM을 사용하는 것에 있습니다. 리액트 매뉴얼에는 다음 문장이 있습니다. 지속적으로 데이터가 변화하는 대규모 애플리케이션 구축하기 리액트는 뷰만 신경 쓰는 라이브러리이므로 기타 기능은 직접 구현하여 사용해야 합니다. 책에서는 코드 에디터 설치 후 git bash를 설치하지만 버전확인 순서를 위하여 git bash를 먼저 다운로드한 후 진행하였습니다. 실습환경 : Windows 10 Home / Node.js v8.11.1 / yarn 1.17... 2019. 9. 3.
2016_홍대 게스트하우스 디자인 초안 스틸컷 디자인 초안작업에 참여했다. 3ds max, sketch up, auto cad 2019. 9. 2.
React.js #JSX란? JSX JSX는 리액트용이기 때문에 공식 자바스크립트 문법은 아니다. 자바스크립트의 확장 문법으로 XML과 매우 비슷하게 생겼으며, 이런 형식으로 작성된 코드는 나중에 코드가 번들링 되면서 babel-loader를 사용하여 자바스크립트로 변환한다. JSX 장점은 보기 쉽고 익숙하다는 것에 있다. JSX var hello = ( Hello world! ) JSX 바벨 변환 후 자바스크립트 형식 var hello = React.createElement( "div", null, React.createElement( "h1", null, "Hello world", React.createElement( "b" null, "!" ) ) ); 2019. 9. 1.
728x90
728x90