이전 포스팅에서 Vuejs를 왜 쓰면 좋고, 다른 비슷한 프레임워크들이 어떤 것들이 있고, 어떤 차이점들이 있는지 알아보았습니다. Vuejs가 정말 쉽게 동작한다라는 것도 어느정도 인지하셨을 것 같습니다 : ) 그러면 실제로 Vuejs를 처음에 시작하게 되면 어떤 것들을 먼저 해야하고, 내가 적용하는 것이 틀린방법은 아닌지 이야기를 시작해보려 합니다. 시작하기전에 제가 설명드리는 방법이 정답은 아니라는 것을 미리 말씀드립니다. 그러나 정말 아무 것도 모르는 상황에서 이러한 방법으로 시작했을 때 나름 도움이 될 것 이라고 생각됩니다.브라우저에서 바로 적용하기Vuejs는 브라우저에서 바로 적용해서 사용하실 수 있습니다. 기존 프로젝트에 추가로 적용되더라도 전혀 충돌없이 함께 사용할 수 있기 때문에 부담없이 ..

프로그래밍/웹관련 2017. 5. 8. 18:56

이 전 포스팅들 중에서 Vuejs관련해서 작성한 것들이 몇몇 있었는데, 알고보니 정작 중요한 것을 올리지 않았습니다. Vuejs가 어떤 것인지, 그리고 어디에 사용하면 적절한지의 대한 설명이 부족했던 것 같습니다. 그래서 이번 포스팅에서는 Vuejs의 관하여 주절주절 떠들어볼까합니다. 해당 글은 공식 메뉴얼에 설명되어 있는 것도 언급하겠지만 개인적인 의견도 포함되어 있을 수도 있기 때문에 “아, 이러한 의견도 있구나” 정도로 가볍게 읽어주시면 감사할 것 같습니다 : )Vue.js가 무엇일까요?공식홈페이지에서 내용을 가져와보면,Vue (/vju:/ 로 발음하며, view와 발음이 같습니다). 사용자 인터페이스를 만들기 위한 진보적인 프레임워크라고 합니다. 다른 Front-end 프레임워크와는 달리 강제적인..

프로그래밍/웹관련 2017. 5. 6. 17:59

개발자디자이너? 디자이너개발자? #_#1인창업이라는 말도 많이 나오고, 1인개발자, 단기프로젝트… 시대가 너무 빨리 바뀌면서 여러명이 체계적인 계획을 가지고 프로젝트를 진행하기가 힘들어졌습니다. 그러다보니 1명이 기획부터 판매까지 해야하는 상황도 발생하게 됩니다.저는 개발을 하고 있는데 가끔은 디자인도 겸해서 진행해야되는 경우도 많이 있습니다.뭐, 지금읽고계시는 구독자분들도 ‘그럴수도 있지’라고 생각하실 수도 있다고 생각합니다. 한국사회자체가 한명이 모든 것을 할 줄 알아야한다 (예를 들어 개발자는 컴퓨터A/S, 조립, 모든 프로그램툴, 그래픽툴, 해킹, 하드웨어 등을 할줄 알아야….)라는 인식이 강하기도 하지요…이런사회에 살다보니, 저 조차도 대부분의 프로그램은 최소 한번씩은 다루게 된 것 같습니다 ㅠ..

리뷰/서비스, 프로그램 2014. 6. 15. 23:55

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