본문 바로가기

전체 글68

Unity 2D Basic - 1 게임 오브젝트의 이동Vector3 구조체게임의 2D/3D 공간에서 이동, 회전, 크기를 표현하기 위해 (x, y) 또는 (x, y, z)의 좌표 체계를 나타내는 단위.1 단위의 방향, 두 점 사이의 거리, 각도 등의 연산을 위한 method를 제공한다. e.g., right, left, up, back, forward ...private void Awake(){ // 새로운 위치 = 현재 위치 + (방향 * 속도) transform.position = transform.position + new Vector3(1, 0, 0) * 1; // transform.position += Vector3.right * 1;}Awake()는 한번만 호출되니, 2D 오브젝트를 계속해서 이동시키고 싶다면 .. 2022. 4. 18.
Unity Introduction 용어 정리Scene : 게임의 장면이나 상태를 저장하는 단위. 하나의 거대한 게임을 씬 단위로 관리한다.ex. Intro Scene, Menu Scene, Stage 1 ~ N Scene, GameOver Scene, Ending Scene, Etc.Hierarchy View에 배치된 오브젝트들이 현재 Scene에 존재하는 오브젝트들이다. Renderer- Sprite Renderer 컴포넌트 : 2차원의 이미지를 화면에 출력- Mesh Renderer 컴포넌트 : 3차원의 오브젝트(물체)를 화면에 출력 GameObject : Scene에 배치되는 하나의 물체를 지칭하는 단위. 게임 오브젝트에 원하는 컴포넌트들을 추가해서 다양한 오브젝트를 만들 수 있다. Component : 게임 오브젝트에 부착할 수 .. 2022. 4. 18.
유니티 깔짝거려보기 유니티 소개유니티는 본래 어도비 플래시가 한창 잘나가던 시절, 플래시로 구현이 힘든 3D 시장 공략을 노린 웹미디어 제작툴이었다. 하지만 전문적인 게임 엔진에 비해 비교적 단순하고 사용법이 쉽다는 점에서 많은 이들이 유니티를 이용해 게임을 만들기 시작했고, 아예 게임 엔진으로 방향을 선회했다고 한다. 최근에는 여러 분야의 기술들을 확장 지원하고 시각효과 기업들을 인수합병하였다. 예를 들어 Tensorflow를 통해 게임 엔진 속의 오브젝트에게 머신러닝을 시키는 것이 가능하다. 그 외에 '아바타', '반지의 제왕', '왕좌의 게임' 등의 VFX 효과를 담당했던 웨타 스튜디오, 원격 데스크탑 및 스트리밍 기술기업인 Parsec, AR 건축 설계 기술기업인 비주얼라이브 등의 기업들을 흡수하기도 했다. 앞으로 .. 2022. 4. 8.
ReactJS 입문 with 니꼬쌤 3 - SUPER CONVERTER 코드 분 시간 변환기를 개발해보자. minutes와 hours를 id로 가지는 input 내에서 어떤 변경이 일어났을때 onChange 함수가 실행된다. onChange 함수 내에서는 input value, 즉 event.target.value를 받아서 amount의 값에 업데이트해준다. input의 value에 이러한 amount를 연결해줌으로써 input 값을 외부에서도 수정해줄 수 있게 되었다. 그리고 amount에 변경이 생기더라도 여전히 당연히 input value만 리렌더링 된다는 것을 기억하자. 해당 예제를 통해 state를 바탕으로 UI를 변경할 수 있다는 게 얼마나 유용한 것인지도 알게 되었다. value={flipped ? amount * 60 : amount} disabled={flippe.. 2022. 3. 22.
ReactJS 입문 with 니꼬쌤 2 - [JSX, STATE] 지난 시간에 앞서서 이번 포스팅에서도 버튼의 클릭 수를 보여주는 간단한 웹을 구현해보면서 하나씩 살을 붙여 나가며, 진정한 React 코드까지 가보자..! JSX JSX(JavaScript eXtension)는 이름 그대로 JS를 확장한 문법이다. React에서 HTML을 표현할때 사용하는 문법이며, 브라우저는 JSX를 모르기 때문에, 빌드 시 Babel이라는 code transformer에 의해 JS 코드로 변환된다. JSX를 사용하는 것의 이점은 JS 코드를 HTML처럼 표현할 수 있기 때문에 용이한 개발이 가능해진다는 것이다. 하지만 HTML에서 사용하는 예약어(class, for, onclick)들은 사용할 수 없기에 조금씩 차이가 있다. 아래 코드에서는 앞서 보았던 코드와 다르게 https://.. 2022. 3. 21.
ReactJS 입문 with 니꼬쌤 1 - [INTRO] 사이드 프로젝트 진행을 위해 React를 배워보기로 했다. 사실 둘 중 하나를 고르라면 프론트엔드보다 백엔드를 하고 싶지만, 결국은 웹이 어떻게 굴러가는지 알아야 하기에 니꼬쌤과 함께하는 on.. Why React? 1. 전세계 상위 1만 개의 웹사이트들 중 44.76%가 React를 사용한다. ex. 에어비앤비, 인스타그램, 페이스북, 넷플릭스 등등 대세인 이유는, 리렌더링이 잦은 동적인 모던 웹에서 엄청나게 빠른 퍼포먼스 가능 모듈형 개발이 가능하여 생산성도 높음 라이브러리 라는 특성상 다른 프레임워크에 간편하게 붙여서 사용 가능 등등.. 당장 페이스북에 접속해서 이런저런 요청을 수행해도 새로고침 없이 빠르게 수행되는 것을 볼 수 있고, 이러한 사용자 경험은 예를 들어 쇼핑몰의 경우 수익 증가에까지 .. 2022. 3. 18.
OSI 7 Layer | TCP/IP Updated Layer Background시험을 위해, 면접을 위해 달달 외우는 OSI 7 계층.이번에도 다시 달달 머릿속에 넣다가, 몇년째 이 개념을 이렇게 요약적이고 추상적인 의미로만 받아들이는게 아쉬워서 조금은 가벼운 마음으로 추가적인 정리를 해보기로 했다. 포스팅의 일부는 우아한Tech 채널의 아래 영상을 참고했다. 명강의,,https://www.youtube.com/watch?v=1pfTxp25MA8   Physical Layer (PHY, L1)모든 파일과 프로그램은 0과 1의 나열이다. 다시 말해, 0과 1만 주고받을 수 있다면 통신이 가능해진다.이렇게 0과 1이 나열된 bit 정보를 주고받기 위해서는 source에서는 아날로그의 전기적 신호로 바꾸고(encoding), target에서는 아날로그 신호를 해석(de.. 2022. 3. 14.
Stack 2개로 Queue 만들기 Stack 2개로 Queue를 만들어보자. Background Stack은 마지막에 저장된 데이터가 가장 먼저 출력되는 LIFO(Last In, First Out)의 특징을 가지고 Queue는 처음에 저장된 데이터가 가장 먼저 출력되는 FIFO(First In, First Out)의 특징을 가진다. Stack 1 [ A / B / C ] 일반적인 경우 이러한 Stack에서는 C -> B -> A의 순서로 출력이 되겠지만 Queue처럼 동작하게 하려면 반대로 먼저 저장된 A -> B -> C의 순서로 출력되도록 해야한다. Stack 2 [ C / B / A ] Stack의 LIFO라는 특징에 충실하게 C -> B -> A의 순서로 출력한 결과를 바로 결과가 아닌 Stack 2라는 임시 공간에 넣은 후 결과.. 2022. 3. 13.
인자로 배열을 넘긴 경우, 배열의 크기를 구할 수 없게 됨!! Background https://guris-devlog.tistory.com/entry/bit-shift%EB%A5%BC-%EC%8B%A4%EC%88%98%ED%95%98%EB%8B%A4 bit flag / left shift 사용 중 defect을 맞았다 Background 길이 5인 배열 arr가 있다. 해당 배열에는 enum으로 정의되어있는 action 정보가 들어가있는데, 예를 들면 arr = {actionC, actionZ, actionP, actionX, actionA} 이런식이다. 내가 구현하고자 하는 함.. guris-devlog.tistory.com (위의 포스팅을 작성하며 코드를 짜던 중 시간을 살짝 날렸던 문제에 대한 정리) 아래와같이 arr를 출력하는 코드를 작성해보았다. 결과는 .. 2022. 3. 13.