📘공부 기록장

배열의 각 요소에 대해 특정 작업을 수행하고 그 결과를 새로운 배열로 반환함 특징 = 배열 순회, 매핑함수 적용, 원래 배열은 변동 x 매핑함수 적용 : 사용자가 정의한 함수를 각 요소에 적용. 이 함수는 각 요소를 매개변수로 받아서 작업 수행 및 반환 const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map((number) => { return number * 2; }); // doubledNumbers에는 [2, 4, 6, 8, 10]

컴포넌트 간에 값을 전달할때 사용됨 특징은 읽기 전용으로 전달되며, 상위 컴포넌트에서 하위 컴포넌트로 값을 전달할때 사용한다. 문자열, 숫자, 객체, 함수 등 모든 형태의 데이터를 넘겨줄 수 있다. // 상위 컴포넌트 A.js const A = () => { const data = [1, 2, 3, 4, 5]; return( ); }; export default A; // 하위 컴포넌트 B.js. 함수형 컴포넌트 const B = (props) => { return( const datas = props.datas; ); }; // 하위 컴포넌트 C.js. 클래스형 컴포넌트 import {Component} from 'react'; class C extends Component{ render() { con..

함수형 컴포넌트에서 상태를 관리하기 위해 사용 컴포넌트 내부에서 상태 변수를 정의하고 이를 간편하게 업데이트 할 수 있음 const [상태변수, 상태변수를 업데이트할 함수] = useState(초기값); 예시 import React, { useState } from 'react'; function Counter() { // count 상태 변수와 setCount 업데이트 함수를 정의 const [count, setCount] = useState(0); const increment = () => { // setCount 함수를 사용하여 count 상태를 업데이트 setCount(count + 1); }; return ( 카운트: {count} 증가 ); } export default Counter; 여기에..

다른 함수의 parameter로써 전달되는 함수. 다른 함수에 의해 호출되는 함수. const message = function() { console.log("oh") } setTimeout (message, 3000)이렇게 하면 3초 뒤에 message 함수가 호출됨.

https://www.youtube.com/watch?v=Z-1zLoXDGP8&list=PLZOm4uzWk9WMqUvfwbPxxG3nbM_dYCT0U&index=12&ab_channel=%EC%B4%88%EB%B3%B4%EC%BD%94%EB%94%A9 위 동영상 강좌를 참고하였음 우선 앱 아이콘부터 제작.. . . . 배포과정도 거의 완료했는데 마지막에 이런 오류가 떴다. " 현재 앱이 32의 API 수준을 타겟팅하고 있지만, 보안 및 성능에 최적화된 최신 API를 기반으로 앱을 빌드하려면 API 수준 33 이상을 타겟팅해야 합니다." 지난 플래피버드 클론 배포때와 비슷한 악몽이 시작되려하는 것 같은데, 빠르게 구글링 해본다. . . . 안드로이드 스튜디오에서 SDK 높은 버전을 다운로드 받으면 된다고 ..

여태 작업한 내용은 아래와 같다. 1. 안드로이드 스튜디오에서 깃허브와 연결 2. 프로젝트 생성하고 간단한 인터페이스 구현 3. 첫 번째 게임인 Response Time Test 액티비티 생성 및 기본 작업 이제 Response Time Test 액티비티에서 해야 할 일은 아래와 같다. 1. Wait for Green... 출력 즉시 2~5초 사이 랜덤한 시간에 초록색 화면 출력하기 2. 초록색 화면 출력하자마자 시간을 ms단위로 세기 시작하여 사용자가 터치하면 소요시간 보여주기 이외에도 할일은 많겠지만 우선 위의 두 기능부터 구현해보려 한다. . . . 10.04 수 결과물 첫번째 게임인 반응속도 테스트만 대강 만들어놓았다. 앞으로 해야 할 일은 아래와 같다. 1. 랭킹 시스템 도입 2. 나머지 게임 ..

친구가 만든 웹 게임을 보고 그대로 안드로이드 앱으로 만들어보고자 함. 웹 게임은 이곳에서 볼 수 있음. https://github.com/ji-hunc/HumanStats GitHub - ji-hunc/HumanStats Contribute to ji-hunc/HumanStats development by creating an account on GitHub. github.com 게임은 총 네 가지로 아래와 같음. 1. 반응속도 테스트 - 게임 시작 시 2초에서 5초 사이 랜덤한 시간에 화면의 색깔이 바뀜. 바뀐 직후 사용자가 클릭하기까지 걸린 시간을 테스트함 2. 순서 기억하기 - 9개의 칸 (3x3)이 있고, 각 칸마다 색상에 변화를 주어 그 순서를 기억하게 함 3. 숫자 기억하기 - 화면에 숫자가..

1. 리스트 여러 가지 자료를 저장할 수 있는 자료 선언 : 대괄호에 요소를 쉼표로 구분해서 입력 여러 종류의 자료형으로도 구성할 수 있음 PHP의 인덱스 배열과 비슷한 느낌이라고 생각한다. # 리스트 선언 list_a = [123, 77, "문자열", True, False] # 요소 선택 list_a[-1] # False 나옴 list_a[1:3] # 슬라이싱, 1번째부터 2번째까지 선택. 77, "문자열" list_a[2][1] # "자" #ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ # 2차원 리스트 list_b = [[1, 2, 3], [4, 5, 6], [7, 8, 9]] # 요소 선택 list_b[1] # [4, 5, 6] list_b[1][1] # 5 리스트 연산 + :..

1. if 조건문 형식은 아래와 같다. if 표현식: 명령문 # 명령문 앞에는 공백 네 칸이 있어야 함 2. if~else와 elif 구문 if조건문의 조건이 거짓일 때 실행할 명령어들을 else 구문에 적어주면 된다. 세 개 이상의 조건을 연결하고자 할 때에는 elif 구문을 사용한다. 3. pass 키워드와 raise NotlmplementedError pass 키워드는 아직 미구현 상태임을 표시할때 사용함 raise NotlmplementedError는 아직 구현하지 않았다는 오류 메세지를 내보내줌 기타 import datetime는 날짜/시간과 관련된 기능을 가져온다. now = datetime.datetime.now() 형식으로 변수를 선언해주면, now 변수에는 현재 시간과 날짜가 저장된다. ..

생략 : 프로그램의 개념, 파이썬 언어 소개, 파이썬 설치 방법, VScode 설치 방법, 윈도우 파워셸 사용법, 표현식, 식별자, 키워드, 주석, 캐멀 케이스, 스네이크 케이스 등 파이썬의 자료형들 : 문자열, 숫자(정수형, 실수형), 불 1. 문자열 (string) 글자들이 나열된 것 문자들을 큰따옴표 or 작은따옴표로 감싸서 문자열을 만들 수 있음 문자열 안에 따옴표를 넣고자 할 때는 이스케이프 문자 (\) 를 사용 (\" or \') 여러 줄 문자열을 만드려면 따옴표를 세 번 반복하면 됨 1 - 1 문자열 연산자 연결 연산자 + 반복 연산자 * 문자 선택 연산자(인덱싱) [] 범위 선택 연산자(슬라이싱) [ : ] 2. 숫자 정수형과 실수형(부동 소수점)이 존재 2 - 1 숫자 연산자 사칙 연산자..

type() : 자료형을 확인할 때 사용 len() : 문자열의 길이를 구할 때 사용 input() : 명령 프롬프트에서 사용자로부터 데이터를 입력받을 때 사용 int() : 문자열을 int 자료형으로 변환 float() : 문자열을 float 자료형으로 변환 str() : 다른 자료형을 문자열로 변환 format() : upper() : 문자열의 알파벳을 대문자로 변경 lower() : 문자열의 알파벳을 소문자로 변경 strip() : 문자열 양 옆의 공백 제거 isOO() : 문자열의 구성 파악. isalnum, isalpha, islower ... find() : 문자열 내부에 특정 문자의 위치 확인 split() : 문자열을 특정한 문자로 자름 리스트 len() : 요소의 개수를 세어줌 list_..

시작일 : 2023. 06.17 토 공부하는 이유 : 1. 쉬운 난이도 2. 전공자로써 파이썬을 모른다는 것은 안 될 일 같아서 목표 : 어플 개발 교재 : 혼자 공부하는 파이썬(개정판), 한빛미디어, 윤인성, 2022.7

MariaDB [(none)]> show databases; +--------------------+ | Database | +--------------------+ | information_schema | | mysql | | performance_schema | | phpmyadmin | | review | | review2 | | test | | testdb | +--------------------+ 8 rows in set (0.071 sec) MariaDB [(none)]> drop database testdb; Query OK, 1 row affected (0.143 sec) MariaDB [(none)]> show databases; +--------------------+ | Databa..

C:\Windows\System32>cd \ C:\>cd xampp C:\xampp>cd mysql C:\xampp\mysql>cd bin C:\xampp\mysql\bin>mysql -uroot -p Enter password: MariaDB [(none)]> create database testdb; Query OK, 1 row affected (0.003 sec) MariaDB [(none)]> show databases; +--------------------+ | Database | +--------------------+ | information_schema | | mysql | | performance_schema | | phpmyadmin | | test | | testdb | +-----..

CSS combinators(조합선택자) Empty Image Image2 This is not red. Here is a paragraph. Here is some code. And here is a red span! More code... And this is a red span! CSS attribute selector(속성선택자) Internal link Example link Insensitive internal link Example org link Hello World! Olá Mundo! 世界您好！ 世界您好！ ?世界您好！ One Two! Three Four CSS pseudo-classes(가상클래스) 가상 클래스는 요소의 특정 상태에 따라 스타일을 정의할 때 사용된다. 특정 상태란 예를 ..