국내에서도 Vue.js를 사용하는 비율이 점점 높아져가는 것 같습니다. Angularjs, Reactjs보다 진입장벽이 낮고, HTML/CSS와 기본 JavaScript만 다룰줄 알더라도 쉽게 사용할 수 있다는 장점이 있습니다. 또한 vue-cli라는 툴을 이용하여 기본적인 vue 골격을 만들어 웹팩(webpack)까지 통합세트로 운영할 수 있다보니, 고민없이 사용해야한다라는 생각이 점점 강해지는 것 같습니다. 분명 처음에는 가볍게 시작을 하면서, 분명 사용하기도 편합니다. 그런데 이 전에 사용했었던 jQuery, Bootstrap. 그리고 그 외의 많은 라이브러리들을 어떻게 추가해야하는지 헷갈릴 수도 있을 것 같습니다. 이는 웹팩이 같이 포함되어 있으면서 외부 라이브러리들을 어떻게 추가하는게 맞는 것인..

프로그래밍/웹관련 2017. 3. 2. 14:23

Vue.$nextTick요즘 갑작스럽게 인기가 많아진 Front-end Framekwork인 Vue.js의 대해서 이야기해볼까합니다. Vue.js가 무엇인지 말하기에는 공식문서 한글화도 잘 되어있고, 국내 Vue.js커뮤니티에서도 현재 활발하게 여러가지 주제를 가지고 이야기를 하고 있기에 따로 설명하지는 않겠습니다. Vue.js를 어느정도 사용하고 있다가 데이터와 UI를 건드리는 상황에서 간헐적으로 DOM을 못찾는 상황을 겪어보셨을지 모르겠습니다. 겪지 않으셨더라도 언제가는 겪게 될 일이죠. (저는 이미 이 일을 겪게 되었습니다.)네트워크 요청을 하던가, 어떤 데이터를 vue._data에 삽입하자마자 삽입 후에 갱신될 UI의 대해서 DOM을 탐색하여 처리할려고 하면 해당 DOM을 못찾아서 콘솔화면에 빨간..

프로그래밍/웹관련 2017. 1. 19. 21:33

Unity3D 기본 설명 Scene이 2개 이상일경우는 File - Build Settings에서 Scenes In Build에 Scene들을 드래그해서 등록해야함.처음에 실행해야할 Scene을 맨위로 올려야함.지형설정Window - Navigation - Bake 에서 설정후 Bake를 누르면됨. 이때 지형으로 선정할 오브젝트를 모두 선택한 후에 적용.외부오브젝트 사이즈 조정 및 축 돌리기 (Z축이 앞을 바라봐야함.Project 오브젝트 선택후 Inspector에서 Scale Factor로 숫자를 줄여 스케일조정빈GameObject를 만들어서 축을 돌려서 외부오브젝트를 빈GameObject의 자식오브젝트로 넣음외부오브젝트 Inspector에서 Shader를 Specular로 바꾸면 멋있게 빛이남.Uni..

프로그래밍/컴퓨터관련 2013. 10. 14. 19:13

Unity3D 기본 설명 Unity3D Method 설명 Input.mousePosition : mouse의 position을 Vector3로 가져옴GUI.DrawTexture(new Rect(x,y,width,height), Resource.Load("resource name") as Texture2D) GUI에서 y좌표는 위에가 0. (잘생각해서 코딩해야함)DrawTexture. 화면에 그림을 그림. Resource폴더에 있는 resource name을.Screen.showCursor = false : 스크린에서 마우스커서를 없앰.true로 하면 스크린커서가 생김.개발모드에서는 클릭한번해야 적용. (컴파일하면 괜찮음 : ))animation.Play("ani_name") : ani_name으로 지정된..

프로그래밍/컴퓨터관련 2013. 10. 12. 15:23

Unity3D 기본 설명 2D게임을 만들때 Z축이 겹치기 때문에 살짝 간격을 줘서 처리한다.Ex) 캐릭터가 Z : 0일때, 아이템은 Z : 0.5 정도.일반적인 게임을 만들때 점프기능을 구현할때 점프와 떨어지는 속도를 따로 정의함.점프속도 : n떨어지는 속도 : n*2게임엔진의 중력을 사용하게되면 이중점프나, 점프중 기능을 구현할때 문제점이 생김.소스에서 한글로 입력 후 오류 났을때 해결방법File - Save As - Character Coding - Korean (ISO) 로 선택하여 덮어쓰기. GUI설정적용은 OnGUI() 에서 적용해야 실제 적용됨.이미지를 맵핑(Texture들)할때 2의 배수일때 맵핑이 빠르게됨. (하드웨어 가속을 사용.)Unity3D는 모든 이미지들을 2의 배수로 자동으로 적용..

프로그래밍/컴퓨터관련 2013. 10. 10. 03:16

Unity3D 기본 설명 prefab을 클래스 제일 첫번째 선언 : 권장함.모든 객체를 만들때 Z축을 바라보게 만들어야 함.prefab break(깨기) : GameObject - Break Prefab Instance새로추가한 카메라에 대해서는 Inspectord에서 Audio Listener를 삭제.카메라 두개 합치기Main Camera - Inspector - Camera - Clear Flags : Depth onlyDepth : 10카메라끼리 위, 아래로 겹쳐서 놓았을때, 사용가능. Unity3D Method 설명public AudioClip : Sound파일은 AudioClip으로 연결시킴. Quaternion.identity : Quaternion - x,y,z,w 값을 가지고 있음. - 4..

프로그래밍/컴퓨터관련 2013. 10. 9. 01:30

Unity3D 4.2 Base SettingLayout - 2by3 가 일반적인 레이아웃Unity - Preferences - General - Always Show Project Wizard Check (동시 프로젝트 오픈가능)Unity - Preferences - External Tools - External Script Editor 에서 다른 편집기 툴로 변경 가능. (Ex - Microsoft VisualStudio 등)다른 툴로 변경시 Assets - Sync MonoDevelop Project 로 선택해서 실행해야 자동완성이 적용됨.Unity - Preferences - External Tools - Image application 을 이용하여 이미지 편집 가능. (Ex - Photoshop ..

프로그래밍/컴퓨터관련 2013. 10. 8. 20:08