프레임워크160 [React] JSX 사용법 JSX라는 문법은 HTML처럼 생겼는데, HTML의 대용이라고 보면 된다 1. 태그에 class 주고 싶을 때는 사용이 불가능하다. -> 2. 리액트가 쌩HTML 코딩보다 편리한 이유 - 리액트는 데이터 바인딩을 쉽게 할 수 있다. - {변수명} or {함수명} or src, id, href 등의 속성에도 {변수명, 함수 등} (상상하는 모든 곳에 {}로 변수 집어넣기가 가능하다. (데이터 바인딩 : 데이터를 받아와서 자바스크립트로 저장해서 HTML에 박아 넣어서 출력하는 것) (데이터 바인딩이 쉬워지는 React, Vue, Angular 등이 있다.) 3. JSX에서 style 속성 집어 넣을 때 : 그냥 쓰면 안되고 object 형식으로 넣어야 한다. - style = { object 자료형으로 만든.. 2021. 11. 5. [React] 리액트 설치와 세팅 리액트 설치 / 세팅 - npx : 라이브러리 설치 도와주는 명령어(nodejs 설치가 잘 되어 있어야 이용 가능) - create-react-app : 리액트 셋팅 다 된 boilerplate 만들기 쉽게 도와주는 라이브러리 - blog : 프로젝트 이름 설치 후 src -> App.js가 main 페이지이다. 코드 짠 거 미리보기 띄우기 terminer -> 프로젝트명 확인 -> npm start 에러 발생 : ERR_OSSL_EVP_UNSUPPORTED라는 에러가 발생해서 찾아보니 node.js를 최신 버전으로 깔 지 말고 왼쪽에 있는 걸로 깔아야 미리보기가 띄워진다고 한다. 상세 설명 - node.js를 설치하는 이유는? : create-react-app 라이브러리 때문에 : npm이라는 툴 이용.. 2021. 11. 5. [React] 리액트를 왜 쓰는가 https://www.youtube.com/watch?v=LclObYwGj90&t=3s https://www.youtube.com/watch?v=MeZ3FCTub3I&list=PLCv2t5uA5ieBzDj1bgWUPtOJejj2VR9n1&index=13 https://www.youtube.com/watch?v=qcphnSqneE0 2021. 11. 4. [Python] 함수의 활용 http://www.yes24.com/Product/Goods/74269975 혼자 공부하는 파이썬 - YES24 혼자 해도 충분하다!1:1 과외하듯 배우는 파이썬 프로그래밍 자습서(파이썬 최신 버전 반영)이 책은 독학으로 프로그래밍 언어를 처음 배우려는 입문자가, 혹은 파이썬을 배우려는 입문자가 ‘ www.yes24.com 용어 정리 재귀 함수 : 재귀 함수를 설명 하기 전에 팩토이얼을 알아본다. 팩토리얼은 앞에 있는 숫자와 뒤에 있는 값을 더해서 다음 숫자를 구하는 연산이다. 팩토리얼을 구하는 방법은 2가지가 있다. 1) 반복문으로 팩토리얼 구하기 2) 재귀 함수로 팩토리얼 구하기 재귀 함수의 문제 : 상황에 따라 같은 것을 기하급수적으로 많이 반복하는 문제점이 있음 이 문제를 해결하기 위해 메모화 .. 2021. 10. 31. [Python] 함수 만들기 http://www.yes24.com/Product/Goods/74269975 혼자 공부하는 파이썬 - YES24 혼자 해도 충분하다!1:1 과외하듯 배우는 파이썬 프로그래밍 자습서(파이썬 최신 버전 반영)이 책은 독학으로 프로그래밍 언어를 처음 배우려는 입문자가, 혹은 파이썬을 배우려는 입문자가 ‘ www.yes24.com 용어 정리 함수의 기본 : 코드의 집합 def 함수 이름() : 문장 함수의 매개변수 만들기 : 함수를 생성 할 때 괄호 내부에 식별자를 입력해서 만든다. def 함수 이름(매개변수, 매개변수, ...) : 문장 가변 매개변수 : 매개변수를 원하는 만큼 받을 수 있는 함수 def 함수 이름(매개변수, 매개변수, ..., *가변 매개변수) : 문장 -> 제약 - 가변 매개변수 뒤에는 .. 2021. 10. 30. [Python] 문자열, 리스트, 딕셔너리와 관련된 기본 함수 http://www.yes24.com/Product/Goods/74269975 혼자 공부하는 파이썬 - YES24 혼자 해도 충분하다!1:1 과외하듯 배우는 파이썬 프로그래밍 자습서(파이썬 최신 버전 반영)이 책은 독학으로 프로그래밍 언어를 처음 배우려는 입문자가, 혹은 파이썬을 배우려는 입문자가 ‘ www.yes24.com 용어 정리 1) 리스트에 적용 할 수 있는 기본 함수 : min(), max(), sum() 2) 리스트 뒤집기 : reversed() 3) 현재 인덱스가 몇번째인 지 확인하기 : enumerate() 4) 딕셔너리로 쉽게 반복문 작성하기 : items() 5) 리스트 안에 for문 사용하기 : 리스트 내포 리스트에 적용 할 수 있는 기본 함수 : min(), max(), sum().. 2021. 10. 29. [Python] 반복문과 while 반복문 http://www.yes24.com/Product/Goods/74269975 혼자 공부하는 파이썬 - YES24 혼자 해도 충분하다!1:1 과외하듯 배우는 파이썬 프로그래밍 자습서(파이썬 최신 버전 반영)이 책은 독학으로 프로그래밍 언어를 처음 배우려는 입문자가, 혹은 파이썬을 배우려는 입문자가 ‘ www.yes24.com 용어 정리 범위 : 정수의 범위를 나타내는 값 / range() 함수로 생성한다. 1) 매개변수에 숫자를 한 개 넣는 방법 range(A) 2) 매개변수에 숫자를 두 개 넣는 방법 range(A, B) 3) 매개변수에 숫자를 세 개 넣는 방법 -> a부터 b-1 범위에서 c 만큼 증가하거나 감소하는 범위 설정 range(A, B, C) - list() 함수를 이용해 범위를 리스트로 .. 2021. 10. 29. [Python] 딕셔너리와 반복문 http://www.yes24.com/Product/Goods/74269975 혼자 공부하는 파이썬 - YES24 혼자 해도 충분하다!1:1 과외하듯 배우는 파이썬 프로그래밍 자습서(파이썬 최신 버전 반영)이 책은 독학으로 프로그래밍 언어를 처음 배우려는 입문자가, 혹은 파이썬을 배우려는 입문자가 ‘ www.yes24.com 용어 정리 딕셔너리 - 키를 기반으로 값을 지정하는 것 - 중괄호{}로 선언하면, '키', '값' 형태를 쉼표로 연결해서 사용한다. - 키 : 딕셔너리 내부에서 값에 접근 할 때 사용하는 것 - 값 : 딕셔너리 내부에 있는 각각의 내용을 의미한다. - 키를 문자열로 사용 할 때는 반드시 따옴표를 붙여야 한다. 딕셔너리의 요소에 접근하기 : 딕셔너리를 선언할 때는 중괄호를 사용하지만,.. 2021. 10. 29. [Python] 리스트와 반복문 http://www.yes24.com/Product/Goods/74269975 혼자 공부하는 파이썬 - YES24 혼자 해도 충분하다!1:1 과외하듯 배우는 파이썬 프로그래밍 자습서(파이썬 최신 버전 반영)이 책은 독학으로 프로그래밍 언어를 처음 배우려는 입문자가, 혹은 파이썬을 배우려는 입문자가 ‘ www.yes24.com 용어 정리 리스트 - 여러 가지 자료를 저장 할 수 있는 자료형 - 대괄호[] 내부에 여러 종류의 자료를 넣어 선언한다. 리스트 선언하고 요소에 접근하기 : 대괄호 내부에 넣는 자료를 요소(Element)라고 한다. [요소, 요소, 요소, 요소] - 리스트는 한 가지 자료형만으로 구성 할 수도 있고, 여러 가지 종류의 자료형으로도 구성 할 수 있다. - 리스트 안에 있는 요소를 각각.. 2021. 10. 29. 이전 1 ··· 14 15 16 17 18 다음 728x90
