루체

이 글은 성공과 실패를 결정하는 1%의 네트워크 원리를 내가 이해하기 쉽게, 번역 말투를 조금 없앤 글이다. 아래 내용은 챕터 1의 스토리 1에 해당한다. 이 과정의 출발점은 브라우저에서 URL을 입력하거나, 네이버 검색창에 검색을 하거나부터 시작이 된다. URL? URL이 무엇일까? Uniform Resource Locator의 줄임말로 일반적으로 브라우저에서 봤을 때 http://로 시작을 한다. http는 일종의 프로토콜로 개념은 아래에서 설명을 할 것이고, 프로토콜에 대해 간단하게 알아보자. 프로토콜은 어떤 상대와 통신을 할 때 이 통신을 어떻게 진행할지 규칙을 정한 것을 프로토콜이라 한다. 정말 쉽게 예를 들어서 설명을 해보자면 편의점에서 물건을 살 때, 살 물건을 캐셔에게 가져다 주면 캐셔가 ..

비구조화 할당이란? 객체 안에 있는 값을 추출해서 변수 혹은 상수로 바로 선언 해줄 수 있는 것. 또한 함수의 파라미터에도 비구조화 할당을 할 수 있다. const test = { a : 1, b : 2 }; const {a , b} = test; console.log(a); // 1 console.log(b); // 2 ////////////// const object = { a : 1, b : 2 }; function print({a , b}) { console.log(a); console.log(b); } print(object) 함수에 전달을 할 때 object에 b값이 주어지지 않는다면 출력을 할 때 undefined가 나타나게 된다. 이런 상황에서 b 값에 기본 값을 주고 싶다면 c++에서 기..

HTML 이벤트와 인터페이스가 동일하기 때문에 사용법이 비슷 이벤트 사용 시 주의사항 1. 이벤트 이름은 camelCase로 작성 2. 이벤트에는 함수 형태의 값을 전달. 3. DOM 요소에만 이벤트 설정 가능 div, button, input, from, span 등 DOM 요소에는 이벤트 설정 가능, 직접 만든 컴포넌트에는 이벤트를 자체적으로 설정할 수 없음 하지만 전달 받은 props를 컴포넌트 배우 DOM 이벤트에 설정 가능 import React, {useState} from 'react'; function EventPractice () { const [text, setText] = useState(''); const onChange = (e) =>{ setText(e.target.value) ..

아무래도 책이 좀 예전꺼라 그런지 코드는 변경을 해야겠다.. 1. 파일 이름 마음대로 .js 하나 만든다. 초기 코드 import React from 'react'; function MyComponent () { return ( 나의 컴포넌트 ) } export default MyComponent 2. App.js에 MyComponent 사용하기 import React from 'react'; import Hello from './Hello'; import MyComponent from './MyComponent'; import Wrapper from './Wrapper'; function App() { return ( ); } export default App; 3. props도 사용해보기 //MyCo..

컴포넌트의 Props 개념 props는 properties의 줄임말. 컴포넌트에 값을 전달할 때 사용한다. props 사용법 App 컴포넌트에서 Hello 컴포넌트를 사용할 때, name을 전달해주고 싶다면? //App.js import React from 'react'; import Hello from './Hello'; function App() { return ( ); } export default App; //Hello.js import React from 'react'; function Hello(props) { return 안녕하세요 {props.name} } export default Hello; props는 객체 형태로 전달되며 조회할 때는 props. 으로 조회를 한다 여러 개를 전달 /..

왜 리액트인가? 자바스크립트 기반 여러 프레임워크(Vue.js, ANGULAR.js)등은 MVC(Model-View-Controller)아키텍처, MVVM(Model-View-View Model)아키텍처, 앵귤러JS는 MVW(Model-View-Whatever) 아키텍처로 APP을 구조화한다. 위 아키텍처들의 공통점 모델과 뷰가 있다. 모델 : APP에서 사용하는 데이터를 관리하는 영역 뷰 : 유저에게 보여주는 부분 동작 : 프로그램이 유저에게 데이터를 받으면 데이터를 조회/수정하고, 변경 사항을 뷰에 반영한다. 예시) 다음 JSON 객체 값을 사용하는 뷰가 있다. { "title" : "Hello", "contents": "Hello World" } Hello Hello World contents의 값..

리액트 초기 세팅에 yarn이라는 것을 설치하길래 이것이 무엇인가 검색해보니 분산 파일 시스템과 관련이 있다고 나와 마침 나중에 공부하려고 했었는데 좋은 기회라고 생각이 들어 좀 이것저것 읽고 정리하려고 한다. 하둡이 탄생하게 된 배경 빅데이터 환경에서 만들어지는 데이터는 규모와 크기가 엄청 크기 때문에 기존의 파일 시스템 체계를 그대로 사용한다면 시간이 많이 들고, 처리 하는데 비용이 크게 든다. 그래서 2대 이상의 컴퓨터를 이용해 작업을 분배하고, 다시 조합하며, 일부 작업에 문제가 생긴다면 해당 부분만 재 처리 할 수 있는 분산 컴퓨팅 환경을 요구합니다. 하둡 이전에도 기존의 데이터 베이스에서 분산의 개념을 추가한 형태로 구현된 Appliances라는 도구들이 있었습니다. 하지만 분산 시스템 설계에..

코드 위주의 글 AutoPossessPlayer = EAutoReceiveInput::Player0; AutoPossessPlayer 레벨이 시작될 때나 폰이 생성될 때 자동으로 폰을 소유해야 하는 플레이어 컨트롤러를 결정하는 코드 UPROPERTY(EditAnywhere) USceneComponent* OurVisibleComponent; USceneComponent Transform 정보를 가지고 있고, Actor 또는 USceneComponent간 Hierarchical Attachment를 지원. Rendering과 Collision 기능은 가지고 있지 않다. 더보기 michaeljcole.github.io/wiki.unrealengine.com/UE4_Transform_Calculus_-_Par..

UPROPERTY() int32 IVal UPROPERTY() 언리얼 엔진 및 에디터에 이러한 프로퍼티가 있음을 알림. 지정자 종류 EditAnywhere - 아키 타입, 인스턴스 양쪽의 프로퍼티 창에서 편집 가능 아키 타입 - 아직 인스턴스화 되지 않은 블루 프리트 원본을 의미 BlueprintReadWrite - 블루프린트에서 읽기와 쓰기 가능 Category = " T " - 해당 카테고리 아래 변수가 속한다. VisibleAnywhere - 모든 프로퍼티 창에서 보이지만 편집할 수 없다. BlueprintReadOnly - 프로퍼티를 BluePrint에서 읽기만 가능하다. Transient - 해당 프로퍼티가 휘발성 프로퍼티로 저장되지 않음을 의미한다. 이 지정자가 붙지 않은 변수는 값을 입력 후..

FString 조작이 가능한 유일한 스트링 클래스 대소문자 변환, 부분 문자열 추출, 역순 등 메소드 존재. 검색과 변경, 다른 스트링과 비교도 가능 그래서 다른 스트링 클래스보다 무겁다. FString 만들기 FString Value = FString(TEXT("Test")); FString 비교하기 . 오버로딩된 == 연산자 사용 . FString 변수와 TCHAR* 배열 비교 . FString::Equals() 메소드 사용. Equals 메소드 사용 시 ESearchCase Enum으로 대소문자 비교 유무 설정 대소문자 상관없는 비교는 ESearchCase::IgnoreCase 아니라면 ESearchCase::CaseSensitive 사용 Value.Equals(TEXT("Test"), ESearc..