브래의 슬기로운 코딩 생활

리덕스 개념 리덕스 Redux의 탄생의 배경 "수많은 상태들을 어떻게 효과적으로 관리할 것인가?" 상태 관리 라이브러리 리덕스 장점 ⁃컴포넌트 코드로부터 상태 관리 코드를 분리할수 있다. ⁃미들웨어를 활용한 다양한 기능 추가 ⁃ 강력한 미들웨어 라이브러리 redux-saga ⁃ 로컬 스토리지에 데이터 저장하기 및 불러오기 ⁃SSR(서버사이드 랜더링) 시 데이터 전달이 간편하다. ⁃리액트 콘텍스트보다 효율적인 렌더링 기능 리덕스 dataflow 리덕스 필수인가? 1. 복잡도가 낮을때는 : context 사용 2. 복잡할때는 상태관리 라이브러리 - 하나의 상태를 여러 컴포넌트에서 접근해야되는 경우 - 한곳에서 상태를 관리하고 싶은경우 액션 액션은 type 속성값을 가지고 있는 객체 . type속성은 유니크 ..

스타일링 – 고급 부트스트랩 https://getbootstrap.kr/ Bootstrap 강력하고 확장 가능하며 기능이 풍부한 프론트엔드 툴킷. Sass로 빌드 및 커스터마이징하고, 사전 빌드된 그리드 시스템 및 구성 요소를 활용하고, 강력한 JavaScript 플러그인으로 프로젝트에 생기 getbootstrap.kr 트위터에서 시작된 오픈 소스 프론트엔드 프레임워크 머티리얼 아이콘 설정 https://fonts.google.com/icons Material Symbols and Icons - Google Fonts Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide r..

미니 블로그 기획하기 개발을 시작하기 전에 정해야 할 것들 •필요한 기능 정리 •화면 디자인 필요한 기능 •글 목록 보기 기능(리스트 형태) •글 보기 기능 •댓글 보기 기능 •글 작성 기능 •댓글 작성 기능 화면 디자인 프로젝트 생성하기 미니 블로그 프로젝트 생성 프로젝트에 사용할 패키지 주요 컴포넌트 구성하기 컴포넌트 이름 정하기 필요한 기능 •글 목록 보기 기능(리스트 형태) •글 보기 기능 •댓글 보기 기능 •글 작성 기능 •댓글 작성 기능 컴포넌트 네이밍 •글 - Post •댓글 - Comment * 컴포넌트는 재사용이 가능한 형태로 작게 쪼개서 개발 각 기능에 필요한 컴포넌트 •글 목록 보기 기능 (리스트 형태) - PostList, PostListItem •글 보기 기능 - Post •댓글 ..

API Axios ⁃API 연동을 위한 HTTP 통신 라이브러리 axios 설치 axios 사용법 OpenWeather API (https://openweathermap.org/) ⁃ 날씨 정보를 제공해주는 API. 기능에 따라 유/무료 제공 ⁃ 회원 가입 후 api key를 발급받아 사용 API Test Talend API Tester – chrome 웹 확장 프로그램 •웹 스토어에서 api tester 검색하여 설치 •REST API에 대응하는 다양한 HTTP METHOD 제공 - GET: 데이터 조회 - POST: 데이터 등록 - PUT: 데이터 수정 - DELETE: 데이터 삭제 Current Weather API Test HTTP 상태 코드 ⁃특정 HTTP 요청이 성공적으로 완료되었는지를 판별하..

모바일 게임 실무 기말고사 202114013 김동현 ? = GetComponentInParent(); // 부모 객체의 구성요소 사용 vrCamera.eulerAngles.x: x축으로 기울어진 각도 vrCamera.TransformDirection:월드축 방향 (CharacterController객체).SimpleMove(방향, 속도) : 캐릭터의 속도 값을 받아 그 방향으로 이동시키는 함수 public void OnPointerEnter() // 카메라가 객체를 바라봤을 때 public void OnPointerExit() // 카메라가 객체를 바라보다가 바라보지 않을 때 스크립트이름 . 인스턴스 = ? // 해당 스크립트 인스턴스 호출 가능 StartCoroutine(); // 코루틴 시작 (인자가..

SOCKADDR_IN 구조체 멤버 sin_family: 타입: short 주소 체계를 지정합니다. 대부분의 경우 AF_INET을 사용하며, IPv4 주소 체계를 나타냅니다. sin_port: 타입: unsigned short 포트 번호를 지정합니다. 네트워크 연결에서 어떤 프로세스와 통신할지를 식별하는 데 사용됩니다. sin_addr: 타입: struct in_addr IP 주소를 저장하는 구조체입니다. struct in_addr는 다시 s_addr이라는 unsigned long 형 멤버를 포함하고 있습니다. sin_zero: 타입: char[8] 구조체의 크기를 맞추기 위한 더미 데이터입니다. 현재는 주로 사용되지 않지만, 예전에는 구조체 크기를 맞추기 위해 필요했습니다. 주소변환 관련 함수 주소체계 ..

스타일링 CSS CSS (Cascading Style Sheets) •HTML – 콘텐츠의 구조와 의미를 정의 •CSS – 스타일과 레이아웃을 정의 •CSS는 크게 선택자(selector)와 스타일로 구성 Selector - 스타일을 어떤 엘리먼트에 적용할지를 선택하게 해주는 것 Selector의 유형 •Element selector •ID selector •Class selector •Universal selector •Grouping selector •Element의 상태와 관련된 selector •Element selector 특정 HTML 태그를 선택 •ID selector element에 고유한 id를 정의하고 이 id를 기반으로 선택 / #뒤에 id를 붙여서 사용 •Class selector ..

Multiplex 서버 - poll 기법 - Poll 기법 폴링 함수 함수: poll() • 등록된 파일 기술자(FD: File Descriptor)를 이용하여 이벤트를 감지 • 해당 기술자의 입/출력 상태를 모니터링하여 결과를 기록 • 인자: – *fds : 모니터링하고자 할 파일기술자를 갖는 구조체변수들 – nfds : 파일기술자의 개수(구조체 변수의 개수) – timeout : 모니터링 시간(밀리초) • 결과 값: – 성공 : 0 또는 그 이상(이벤트의 개수) – 실패 : -1 구조체: struct pollfd poll() 함수의 파일기술자 모니티링용 구조체 • 구조체 멤버: – fd : 모니터링할 파일기술자 – events : 모니터링할 이벤트 종류 – revents : 발생한(감지된) 이벤트 타..

Multiplex 서버 - select 기법 - 다중 접속 서버 멀티플렉싱(Multiplexing) 데이터를 처리하는데 있어서 하나의 프로세스가 동시에 여러 개의 동작을 수행 블록킹(blocking) 현상 방지 종류: • 시간 분할(TDM: Time Division Multiplexing) – 시간을 슬롯(slot)이라는 개념으로 분류 – 슬롯의 크기만큼 각 주어진 일을 처리 – 대표적 예: select, poll 기법 • 이벤트 분할(EDM: Event Division Multiplexing) – 외부의 신호를 인식하여 그 신호에 등록된 일을 처리 – 주로 입/출력 처리에 선호 – 대표적 예: 인터럽트 멀티플렉스 서버 Vs. 멀티프로세스 서버 멀티프로세스 방식 • 클라이언트의 개수에 따라 독립적인 프로..