본문 바로가기

공부78

[0806] React-Native 강의 정리 Section 6 : State Management in React Components Q. 실질적으로 변수의 값을 바꿀 자식 컴포넌트와, 변수 값을 읽고 띄워야 하는 부모 컴포넌트 중 어디에 state를 선언해야 하는가? → 일반적으로는 state 값을 읽거나 변경해야 하는 부모 컴포넌트에 생성함. → 자식 컴포넌트가 state를 읽어야 할 경우, 부모 컴포넌트에서 prop으로 자식 컴포넌트에 전달할 수 있음. ※ 변수 이름을 모두 대문자로 작성하는 경우 → prop이 아니고 컴포넌트 내에서 configuration option처럼 기능할 변수애 대해 이와 같이 명명. 변수의 변화를 확인하기 1. set~ 함수 실행 시마다 검사하기. → 모든 콜백에 대해 검사 코드를 작성해야 해서 비효율적. 2. 검사.. 2021. 8. 7.
[0805] React-Native 강의 정리 Section 6 : State Management in React Components Props : 부모 컴포넌트에서 자식으로 데이터를 넘길 수 있는 시스템 State : 하나의 데이터를 추적하는(track) 시스템. 데이터가 변경되면 앱에서 다시 'render'하게 됨. → 리액트는 자동적으로 변수의 변화를 감지하고 반영하지 않음. → 따라서 변화를 감지하고 이 변화를 실제로 반영시키기 위해 state를 사용함. State 사용에서 생각할 점 1. 어떤 데이터가 변경될 것인가? 2. 데이터의 타입은 무엇인가? 3. 해당 데이터의 초기 값은 무엇인가? //state를 사용하기 위해서는 react 라이브러리에서 가져옴. import React, { useState } from 'react'; import.. 2021. 8. 6.
[0804] React-Native 강의 정리 Section 3 : List Building - With Style! React에서 어떻게 List를 표현할 것인가? : React Native에서 제공하는 Primitive Element인 FlatList 사용 FlatList : 배열을 받아서 Element의 리스트로 변환함. → data와 renderItem prop을 필요로 함. → data : 리스트 형태로 표현할 데이터들 → renderItem : 각 item을 element로 바꿀 함수 const Screen = () => { const fruits = [ { name: 'Fruit 1' }, { name: 'Fruit 2' }, { name: 'Fruit 3' }, { name: 'Fruit 4' }, { name: 'Fruit 5' },.. 2021. 8. 5.
[0803] React Native 강의 정리 좋은 기회가 생겨 React Native를 공부하고, 강의를 듣게 되었다. Notion에 필기를 하며 듣기로 했기 때문에 틈틈이 기록한 내용을 블로그에 백업하기로. Section 2 : Working with Content Component : 사용자에게 content를 보여주기 위해 사용. → 프로젝트 내 여러 파일을 통해 만들어짐. 컴포넌트 파일의 구성 1. 컴포넌트를 만드는 데에 필요한 라이브러리를 Import. 2. 'JSX'를 반환하는 함수를 통해 컴포넌트 생성. 3. 컴포넌트에 대한 StyleSheet 작성. 4. 프로젝트 내에서 사용할 수 있도록 컴포넌트를 Export. import React from 'react'; //react 라이브러리 전체를 가져오기 위해 import { Text, .. 2021. 8. 4.
[~0718] 알고리즘 어쩌다 보니 '프로그래머스'에서 잠시 코딩 테스트 연습을 했었다. 짧은 시간 동안 우다다다 풀은 것이라 조금 난잡하지만 이왕 풀어본 거 이곳에 정리해두기로 했다. 이하의 문제들은 거의 대부분 코딩테스트 고득점 Kit 속 문제들이다. 기능개발 반복문을 돌면서 진도를 나타내는 progresses 벡터에 작업 속도를 더한다. 배포는 progresses에 들어있는 순서대로 진행되기 때문에, 큐의 front 역할을 할 변수 i를 두어 다음에 배포될 기능이 몇 개인지 확인한다. #include #include using namespace std; vector solution(vector progresses, vector speeds) { vector answer; int i = 0, numOfPro = 0; whi.. 2021. 7. 19.
[0629] 알고리즘 1018. 체스판 다시 칠하기 그냥 브루트 포스 문제인데, 새삼 이런 알고리즘 문제는 발상을 잘 내야 한다는 것을 실감한 문제였다. #include #include #include int main() { std::cin.tie(NULL); int n, m, num, num1 = 0, num2 = 0, min; std::cin >> n >> m; min = n * m; char c; char chess[n][m]; for (int i = 0; i > c; chess[i][j] = c; } } for (int i = 0; i 2021. 6. 30.

티스토리툴바