도쿄/개발
-
React기초 정리도쿄/개발 2023. 10. 21. 18:49
안녕하세요. youngKoala입니다. 오늘은 1편에 이어 modal창을 중점적으로 다루어보려고 합니다. 수도의 이름을 누르면 아래에 해당 수도의 이름이 표시되는 보라색 modal창이 열린다. x 표시를 눌렀을 때 모달창이 닫힌다. 날짜와 상세 내용이 useState에 의해 관리된다. 1. 길지 않으니 컴포넌트 전체 코드를 보여드리고 설명하겠습니다. (CSS스타일을 위한 className은 어지러우니 여기서는 생략하겠습니다.) //부모 컴포넌트(App.js)에서 Modal컴포넌트 실행에 관한 부분 //popModal값이 true인 경우에만 Modal창을 띄우겠다. {popModal ? : null} import React, { useState } from 'react'; import './App.css'..
-
React_기초 정리 1편 (useState, modal, sort 메소드, like 구현)도쿄/개발 2023. 10. 20. 18:27
안녕하세요. youngKoala입니다. 오늘부터 React와 Typescript를 사용해서 다음과 같은 기능을 가진 페이지를 만들어보려고 합니다. 👍 아이콘을 누르는 횟수만큼 숫자가 증가한다. 제목을 누르면 모달창이 생겨나고, x표시로 모달창을 닫는다. input창에 내용을 입력하고 "저장" 버튼을 누르면 리스트에 업데이트 된다. "도쿄 → 싱가포르" 버튼을 누르면 "도쿄"가 "싱가포르"로 바뀐다. "오름차순" 버튼을 누르면, 리스트가 가나다순, abc, 123과 같은 오름차순으로 정렬이 이루어진다. "오름차순" 버튼을 누르면, 내림차순 정렬(역정렬)이 이루어진다. 1. 우선 JSX return 부분부터 짜봅시다. (CSS스타일을 위한 className은 어지러우니 여기서는 생략하겠습니다.) //App...
-
[C언어] 포인터 _ 1차원 배열 완벽 정리도쿄/개발 2023. 1. 31. 16:41
C언어 2강. 1차원 배열 핵심 : 배열의 이름은 그 배열의 시작 주소이다. 그러므로 포인터 p는 배열의 시작주소 arr을 값으로 담을 수 있다. int arr[7] = {1,2,3,4,5,6,7}; //배열의 이름 arr은 포인터이다. int *p; //포인터 p 선언 p = arr; //p[0] == arr[0] printf("p[0] : %d, arr[0] : %d", p[0], arr[0]); printf("p의 주소 : %ul, arr의 주소 : %ul", p, arr); 결과 : p[0] : 1, arr[0] : 1 p의 주소 : 13927135812l, arr의 주소 : 13927135812l 간단한 그림으로 표현하자면 다음과 같다. ① 배열 선언 arr[7] = {1,2,3,4,5,6,7}..
-
[C언어] 포인터_call by value, call by address의 원리와 차이도쿄/개발 2023. 1. 31. 00:59
C언어 1강. Call by Value 와 Call by Address Call by Value ( 값 전달 ) void swap(int x, int y) { int tmp; tmp = x; x = y; y = tmp; } int main(void) { int a = 50; int b = 100; swap(a, b); printf("a = %d, b = %d", a, b); return 0; } 결과 : a = 50, b = 100 swap() 함수를 통해 a와 b의 값을 바꾼 것 같은데, 결과적으로 값은 바뀌지 않았다. 그 이유는 swap() 함수에 값(value)을 넘겨준 인수 a와 b는 원본, 값을 넘겨받은 매개변수 x와 y는 복사본이 되는 셈이기 때문이다. 복사본에는 무슨 짓을 해도 원본에는 아무..