브래의 슬기로운 코딩 생활

State State란? •리액트 컴포넌트의 상태 •리액트 컴포넌트의 변경 가능한 데이터 •state는 컴포넌트를 개발하는 개발자가 직접 정의 State 정의할 때 주의사항 렌더링이나 데이터 흐름에 사용되는 값만 state에 포함시켜야 함 -state가 변경될 경우 컴포넌트가 재렌더링 됨 -렌더링이나 데이터 흐름과 관련 없는 값을 포함하면 불필요한 렌더링이 발생하여 성능 저하 -그외 값은 컴포넌트의 인스턴스 필드로 정의 State 정의 •클래스 컴포넌트 - 생성자(constructor)에서 state 정의 •함수 컴포넌트 - useState()라는 훅을 사용해서 정의 State의 특징 •state는 정해진 형태가 있는 것이 아니라, 일반적인 JavaScript 객체 •state는 정의된 이후 자바스크립트..

spawnPoint = gameObject.transform.GetChild(0).gameObject //자식 객체를 스폰포인트 변수로 지정 IEnumerator Shoot() //코루틴 선언,정의 { Rigidbody rb = spawnPoint.GetComponent(); // 스폰포인트의 Rigidbody를 rb 변수에 저장rb.AddForce(spawnPoint.transforn.forward*30f); // 스폰포인트를 앞으로 30만큼의 힘을 가함yield return new WaitForSeconds(1f); // 1초 기다린후 코루틴 종료} void Update(){StartCoroutine("Shoot"); // Shoot 코루틴 시작} GameObject bullet2 = Instanti..

TCP/IP 개요 - TCP/IP : Transmission Control Protocol / Internet Protocol - DoD(미국방성)에서 정의한 모델 • ARPANET 프로젝트의 결과물 - OSI 7 계층 모델과 유사 • OSI 보다 먼저 정의 • 현재 가장 많이 사용되고 있음 - 인터넷에서 사용되고 있으며 다양한 네트워크와 상호 접속이 가능 TCP/IP 계층 구조 TCP/IP 계층 구조 OSI 계층 모델에 대응되는 상호 통신을 위한 각 계층별 프로토콜을 정의 응용(Application)은 OSI 계층 모델에서 5계층 이상을 모두 포함 3 & 4 계층은 운영체제에서 처리 1 & 2 계층은 이더넷(Ethernet) 장치 및 디바이스 드라이버(device driver)에서 처리 • 2 계층의 ..

cc = GetComponentInParent(); - 부모 객체의 Character Controller을 cc변수에 저장 vrCamera.eulerAngles.x // x축으로 기울어진 각도 vrCamera.TransformDirection //월드축 방향 cc.SimpleMove // 캐릭터의 스피드 값을 받아 그 만큼 이동시켜주는 함수 *Animator의 이름이 다른 이름이면 소스에도 그 이름을 사용 Animator anim; // 애니메이션 객체 anim선언 anim = GetComponent(); // anim에게 Animator 속성 부여 anim.Play("Base Layer.Idle"); // 괄호 안의 애니메이션 실행 OnPointerExit - 카메라가 객체를 바라보지 않으면 OnPoi..

Servlet 이해와 활용 웹 서비스 처리 과정 1.사용자가 웹 브라우저 주소창에 URL입력 2.웹 브라우저가 HTTP GET 또는 HTTP POST 요청을 생성하고, 웹 서버에게 요청 전송 3.웹 서버는 요청한 페이지를 찾고, HTTP 응답을 작성하고, 웹 브라우저에 전송 4.웹 브라우저는 HTTP 응답을 수신하여 콘텐츠를 화면에 표시함 – HTTP 응답은 응답 헤더(상태 코드, 컨텐츠 타입 …) 컨텐츠로 구성됨 3단계에서 요청이 새로운 페이지 생성이나 서버에 자료 저장인 경우 - 웹 서버가 웹 컨테이너에게 요청을 전송하면, 웹 컨테이너가 페이지를 생성하고, 웹 서버에게 전송 - 웹 서버는 HTTP 응답으로 작성하고, 웹 브라우저에 전송 웹 서버가 요청한 페이지를 찾지 못하는 경우 - 404 File ..

OSI 계층 모델 계층 구조 네트워크 계층* OSI 참조 모델에서 세 번째 계층에 해당 데이터 단위* 패킷(packet) 패킷 구조 기능 목적 단말까지 데이터(패킷)를 전송 패킷 전송과 경로 선택 기능을 제공 - 라우팅 프로토콜을 사용하여 최적의 경로를 선택 단편화(Fragmentation) - 패킷은 각종 라우터를 거치는 과정에서 작게 분할 - 패킷의 분할은 라우터의 성능 또는 매체의 상태에 따라 결정됨 목적 주소 확인 노드는 수신한 데이터의 주소 값을 확인 • 주소 값이 자신과 동일하면 상위 계층(전송 계층)으로 전달 • 주소 값이 다르면, 패킷을 버리거나 다른 경로로 넘김 라우팅 개념 - (우리말)노선 - 목적지까지 경로(path)를 찾는 과정 방식: • 정적 라우팅(static routing) –..

컴포넌트와 Props 컴포넌트 기반 구조 (Component-Based) •컴포넌트 - 독립적인 기능을 수행하는 작은 기능 단위 모듈 •리액트에서는 모든 페이지가 컴포넌트로 구성됨 •하나의 컴포넌트는 또 다른 여러 개의 컴포넌트의 조합으로 구성될 수 있음 -레고 블록을 조립하는 것처럼 컴포넌트를 조합해서 사용 •컴포넌트 사용 - 개발 시간을 줄이고 유지보수 비용도 줄일 수 있음 함수와 리액트 컴포넌트 리액트 컴포넌트 •어떠한 속성들을 입력으로 받아서 그에 맞는 리액트 엘리먼트를 생성하여 리턴 •객체 지향 개념에서 나오는 클래스와 인스턴스의 개념과 비슷 Props •Property - 속성 •리액트 컴포넌트의 속성 Props - 컴포넌트에 전달할 다양한 정보를 담고 있는 자바스크립트 객체 •컴포넌트의 모습..

리액트란? 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리 SPA를 쉽고 빠르게 만들수 있도록 해주는 도구 ◦SPA (Single Page Application) - 단일 페이지로 구성된 웹 어플리케이션 - 하나의 HTML 틀을 만들어 놓고, 사용자가 특정 페이지를 요청할 때, 그 페이지에 해당하는 콘텐츠를 가져와서 동적으로 페이지의 내용을 채워서 보여주는 방식 리액트의 장점 빠른 업데이트와 렌더링 속도 재사용성이 높은 컴포넌트 기반 구조 활발한 지식 공유와 커뮤니티 리액트 네이티브를 통한 모바일 앱 개발 가능 리액트의 단점 방대한 학습량 높은 상태 관리 복잡도 엘리먼트 렌더링 엘리먼트 어떤 물체를 구성하는 성분 리액트 앱을 구성하는 가장 작은 블록들 DOM 엘리먼트 ⁃HTML 요소 리액트 엘리먼..

오늘은 메인 화면을 만드는 실습을 하였다. blade.php 라는 파일을 이용해 쉽게 코드를 재사용 하는 것을 배웠다. 그렇게 저번에 만든 판매관리 사이트에 50명의 데이터를 넣어서 표시하는 메인화면과 삭제를 수행하는 기능을 만들었다. 하지만 아직 추가와 수정하는 기능은 아직 만들지 못했다

Navigation 활용하기 NavMesh(네브메쉬) - 유니티에서 제공하는 네비게이션 시스템 - 플레이어를 따라와 공격하는 AI에 사용 - 가는 경로를 찾을 수 있는 데이터 구조를 Bake 해서 지정 using UnityEngine.AI; 필수 NavMeshAgent 목표를 향해 움직이는 물체에 지정해서 사용 설정에 따라 쫓아가면서 장애물 회피, 점프, 서로를 피하기 등을 설정 타겟 대상의 위치설정, 위치 설정시 바로 추적 시작 =>NavMeshAgent.destination = 캡슐.position; Agent Radius - 객체의 접근막의 반지름의 길이(값만큼 외각 여백 결정) Agent Height - 허용할 최대 높이(최대 등산각도,계단 높이에 영향을 줌) MaxSlope - 허용할 최대 경사..