본문 바로가기

개발

ionic2 'myproject'이름으로 ionic app 생성ionic start myproject --v2 브라우저에서 테스트ionic serve 기기별 테스트ionic lab angularfire2: angular2 lib for firebasenpm install firebase angularfire2 --save 더보기
[git] OSS 기여 준비 1. 하고 싶은 프로젝트 fork 2. fork해온 프로젝트를 로컬에 클론git clone https://github.com/Allie-Kim/three.js.git 3. remote에 원본 프로젝트 연결git remote add upstream https://github.com/mrdoob/three.js.git(관례적으로 upstream 사용) 원본 프로젝트를 클론하고, fork해온 내 프로젝트를 remote에 연결하는 방식도 있음. git remote -v 으로 확인 --- 준비는 끝. 기여 1. 개발 전에 pull하여 원본 프로젝트와 sync를 맞춤git pull upstream dev three.js에서는 공식적인 개발 브랜치로 dev 사용git branch로 확인할 것 2. git pus.. 더보기
[SVG] codeschool: You, Me & SVG LEVEL 1Oh, the Shapes You Can Make 1.1 SVG Fun SVG: Scalable Vector Graphicsraster(png, jpeg, gif) vector(svg) img 태그에 .svg 파일 src에 링크시키면 되는데svg파일은 아래와 같다. HTML과 SVG는 XML 타입이다.ex) our_first.svg --> 와 같이 사용. LEVEL 2Would You, Could You With a Badge? 2.1 Circles by the Ton rectangle stroke이 10px 이고 x, y가 0,0 으로 시작하면 5px지점에 viewport가 위치하게 된다. The outline stroke is centered along the rectangle's bor.. 더보기
[swift] codeschool: lv4. Table Views table view conterller는 table view를 support하는 특별한 뷰임. view contrller -> main view -> (scroll view -> label, image views)table view contrller -> table view -> (table cell, table cell ... )table cell안에 다양한 sub view가 들어갈 수 있음. 우측 아래에서 table view Controller를 찾아 추가하고,항상 그렇듯 is Initial view controller 추가,폴더 우클릭 - 새로운 파일 - 코코터치 - subclass를 UITableViewController로 수정class 이름은 ProcutsTableViewController그리고.. 더보기
[책] Functional JavaScript 함수형 자바스크립트국내도서저자 : 마이클 포거스 / 우정은역출판 : 한빛미디어 2014.02.01상세보기 ch1. 함수형 자바스크립트 소개 함수형 프로그래밍은 값을 추상화의 단위로 바꾸는 기능을 하며 결국 바뀐 값들로 소프트웨어 시스템이 만들어진다. 함수형 프로그래밍에서는 괄찰할 수 있는 사태 변화를 최소화하려고 애쓴다. 함수는 뷰에서 상세 구현을 숨김으로써 추상화를 달성할 수 있다. 캡슐화와 은닉. 자바스크립트의 객체 시스템에서는 데이터 은닉을 직접적으로 제공하지 않아 클로저를 이용해 데이터를 감춘다. 함수형 프로그래밍이란 이런 것이다.- 함수 형태로 '존재'의 추상화를 정의한다.- 기존 함수를 이용해서 '참거짓'의 추상화를 정의한다.- 위 함수를 다른 함수의 파라미터로 제공해서 어떤 동작을 하도록 한.. 더보기
[swift] codeschool: lv2. Outlets and Actions, lv3. Scroll Views storyboard outlest new file-cocoa touch class 만든 controller를 main view와 연결하기 위해 아래와 같이한다 Outlets?아웃렛은 스토리보드 객체와 Swift안의 변수의 connection을 생성한다. 아래와 같이 생성하려면 label항목을 우클릭해서 아래로 쭉 끌어준다 생기고 나면 왼쪽에 동그라미 생기는에 연결됐다는 뜻Name에 productNameLabel 넣고 나머지는 그대로 위는 이미지나 라벨이고, 버튼을 연결할 떄는 아래와 같이 한다.위에 Image로 하려면 Image 치고 두번째꺼(Image literal) 더블클릭하면 된다. 3.1 Scroll views 이렇게scorll view에서 작업을 하다가 First Responder 밑으로 보낸다.. 더보기
[swift] codeschool: lv1. Xcode and Storyboards level1. xcode and storyboard xcode create a new Xcode projectsingle view 위 처럼 프로젝트 생성 프로젝트 네이게이터모든 파일이 여기 보임 Main.storyboardUI 레이아웃 해주는 툴scene 끼리 연결 각 scene은 최소 하나의 view를 나타낸다.하나의 main view는 유저가 스크린에서 보게될 모든 것을 포함한다. 1.5 Storyboard and Subviewssingle 어플리케이션으로 만들었으면 MAin.storyboard에서 view controller scene 삭제하고, 왼쪽에서 ViewController.swift도 삭제 후... 추가하려면view를 추가할 떄 main.storyboard 클릭상태에서 오른쪽에서 view .. 더보기
push후 new array 리턴받아야 할 때 oldArray.concat([1])push대신 concat사용. 만약 새로운 어레이로 복사하고 싶으면 oldArray.slice() 더보기
터미널에서 api 테스트 get테스트curl -v localhost:3000/api/posts post테스트(bodyParser에 type이 */*가 아니면 안나옴curl -v \ --data '{"id":"1","writer":"alie","title":"first posting"}' \ http://localhost:3000/api/bugs curl -v \ --header 'Content-Type: application/json' \ --data '{"id":"1","writer":"alie","title":"first posting"}' \ http://localhost:3000/api/bugs 더보기
mern stack 따라하기 https://hashnode.com/post/react-tutorial-using-mern-stack-ciiyus9m700qqge53mer0isxz 훌륭한 가이드! 더보기
global(전역)으로 설치한 npm package 목록 보기 명령어$ npm list -g --depth=0 결과/usr/local/lib├── babel-cli@6.14.0├── bower@1.7.2├── cordova@6.3.1├── express@4.14.0├── express-generator@4.13.4├── grunt-cli@1.2.0├── gulp@3.9.0├── ionic@1.7.11├── ios-deploy@1.8.6├── ios-sim@5.0.8├── live-server@1.0.0├── mern-cli@3.0.1├── npm@2.14.7├── serve@1.4.0└── webpack@1.13.2 더보기
코드라이언 - 새로운 프로젝트 만들기 brandpage라는 새로운 레일즈 프로젝트 만들기 1.rails new brandpage --skip-bundle(--skip-bundle은 bundle isntall을 스킵해주는 명령어. 어차피 나중에 다시 하게됨) 2.cd brandpage 3.gemfile 수정 gem 'therubyracer' 활성화 4.bundle install 5.git init 후 .gitignore에 *.swp 추가 6.rails s로 실행포트 있으면 rails s -p 3000 더보기
[threejs] material MeshBasicMaterial Three.js의 기본 material. 지오메트리에 간단한 색상을 부여하거나 지오메트리의 와이어프레임을 보여줄 때 쓸 수 있다. MeshDepthMaterial 카메라로부터의 거리로 메시의 색상을 결정할 떄 사용하는 material MeshNormalMaterial 일반 벡터의 표면 색상에 기반을 둔 간단한 material MeshFaceMaterial 지오메트리의 각각의 면에 고유한 물질을 지정할 수 있도록 해주는 컨테이너 MeshLambertMaterial 빛을 받아 반짝이지 않는 객체를 생성할 때 사용하는 material MeshPhongMaterial 빛을 받아 반짝이는 객체를 생성할 떄 사용하는 meterial ShaderMaterial 꼭지점의 위치와 픽셀 색.. 더보기
[three.js] light THREE.AmbientLight 기본 광원 장면에 있는 객체의 현재 색상에 빛의 색상이 더해진다. THREE.PointLight 한 점에서 모든 방향으로 확산되는 빛. 그림자X THREE.SpotLight 램프나 등 역할. 그림자O THREE.DirectionLight =infinit light. 태양광의 광선과 비슷. 그림자O THREE.HemisphereLight 표면 반사나 희미한 하늘을 흉내내어 자연스러운 외부광을 만드는데 사용. 그림자X THREE.AreaLight 공간에서 한 지점 대신 빛을 발산하는 공간을 지정. 그림자X THREE.LensFlare 광원은 아니지만, 렌즈 플레어 효과를 냄 THREE.AmbientLightTHREE.AmbientLight를 생성하면 색상이 전체에 적용된다... 더보기
[three.js] camera THREE.PerspectiveCamera(fov, aspect, near, far, zoom) var camera = new THREE.PerspectiveCamera(45, window.innerWith/window.innerHeight, 0.1, 1000); fov field of view. 카메라의 시야각을 의미한다. 카메라의 위치에 따라 보여지는 장면이다. 좋은 기본값은 50 (게임은60-90 사이) aspect 렌더링할 화면의 종횡비. far 카메라에서 볼 수 있는 거리 정의. 이 값을 너무 작게 설정하면 장면의 일부가 렌더링되지 않을 것이고, 너무 크게하면 렌더링 성능에 영향을 미칠 수 있다. 좋은 기본 값은 1000 zoom 장면을 줌인/줌아웃할 수 있도록 해준다. 1보다 작으면 줌아웃, .. 더보기

티스토리툴바