전체 글105 [Nomad coders] React_State State state 변경될 데이터가 저장되는 곳 변수를 JSX에 전달하는 법 => 이런 코드를 실행할 경우 UI가 업데이트 되지 않아서 counter는 항상 0이다. => rerendering 필요 UI update = rerendering => 변화가 있을 때마다 render => 새로운 Container 컴포넌트를 생성하는 것이 아니라 React는 바뀐 부분만 rerendering 함(매우 중요한 기능) useState counter: 초깃값 설정 modifier: 변수를 변경하는 함수. rerendering을 자동으로 해줌. 인수에 있는 값으로 업데이트 state를 바꾸는 방법 1. setCounter에 인자로 원하는 값을 넣어주는 방법 2. 이전 값을 이용해서 현재 값을 계산하는 방법 3. se.. 2022. 11. 8. [Nomad Coders] React_JSX JSX JSX – 자바스크립트를 확장한 문법 //Title, Button을 렌더링하는 코드 컴포넌트의 첫 번째 문자는 반드시 대문자여야함 컴포넌트를 사용하려면 함수 형태로 바꾸어주어야 함 2022. 11. 8. [Nomad Coders] React_render React vs javascript React interactive 한 UI를 만들 수 있게 함 엔진의 역할 ReactDOM React element를 HTML body에 두는 역할 React JS에서 React Element 생성 React JS는 HTML 내부에 직접 작성하지 않고, javascript 를 이용한다. 원래 html 코드 Total clicks: 0 Click me React JS 이용한 코드 (잘 사용하지 않는 방법) React JS 이용한 코드2 (자주 사용하는 방법) ReactDOM.render() React element를 가지고 HTML로 만들어 배치 첫 번째 인자는 render 할 태그, 두 번째 인자는 삽입할 위치 2022. 11. 8. [C++] 소수점 전체 자리 수 설정 1. 기본(아무 설정 하지 않았을 때) float a = 1.2345678; cout 2022. 11. 8. 구름 챌린지 3번 풀이 vector, pair를 사용하여 입력하여 준 후 sort로 정렬. cout.precision(2)을 이용하여 소수점 2자리 수를 맞춰줌 코드 #include #include #include #include #include #include using namespace std; int main() { int n, k; cin >> n >> k; vector v; for(int i = 0; i > name >> hei; v.push_back(make_pair(name, hei)); } sort(v.begin(), v.end()); cout 2022. 11. 8. [C++] 범위 기반 for문 형태 for( 데이터타입 변수이름 : 데이터리스트) {} 활용 int arr[5] = { 1, 2, 3, 4, 5 }; for (int x : arr) { cout 2022. 11. 8. 이전 1 ··· 14 15 16 17 18 다음