본문 바로가기

Study

(79)
React JS - 컴포넌트, JSX [20240930] React JS #3 컴포넌트, JSX - 초보자를 위한 리액트 강좌I. 컴포넌트(Component)React Page는 컴포넌트 단위로 구성되어 있다.페이지 별로 html을 작성하는게 아니라 컴포넌트(부품)을 만들어서 조립해서 사용한다.
React JS - 설치(create-react-app) [20240930] React JS #2 설치(create-react-app) - 초보자를 위한 리액트 강좌1. 디렉터리 설정 2. 터미널 열기 3. 터미널에 npx create-react-app voca 명령어 입력 4. vs code로 생성된 프로젝트 열기 5. 터미널에 npm start를 입력해서 웹페이지를 띄워보자.6. VOCA 프로젝트 폴더 src/App.js의 소스를 수정해서 저장하게 되면.결과화면을 보면 바로 반영된걸 확인할수 있는데, create-react-app이 자동으로 해주는 기능이다. I. 디렉터리 구조 파악하기.- node_modules 폴더프로젝트를 사용할 때 모듈들이 dependency 되어 있음.여기에 있는 모듈들은 모두 package.json 파일에 기록되어 있음.깃허브에 ..
자바스크립트 기초 - 자료형 [20240930] 자바스크립트 기초 강좌  #2 - 자료형실습 진행 IDE : https://codepen.io/ CodePenAn online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.codepen.io I. 문자열(String)const name = "Mike" // 문자형 String// 문자열 선언 방식 3가지const name1 = "Mike" // 큰 따옴표const name2 = 'Mike' // 작은 따옴표const name3 = `Mike` // 백틱/..
파이썬 - 비시퀀스 자료형(Set, Dictionary) [20240930] 비시퀀스 자료형(Set, Dictionary)I. 비시퀀스 자료형순서가 존재하지 않는 자료형 II. 세트(Set)형 특징중복된 원소를 허용하지 않는 집합의 성질을 갖고있음.set라는 키워드로 세트형을 초기화하거나 {, }를 이요하여 세트형을 선언한다.세트명=set([요소1,요소2,...])세트명={요소1, 요소2, ...}  III. 세트형 메서드메서드설명add(값)값을 1개 추가하는 메서드update([값1, 값2, ...])여러 개의 값을 한꺼번에 추가하는 메서드remove(값)특정 값을 제거하는 메서드 # s라는 변수에 1,5,7 값을 세트형으로 초기화s = {1, 5, 7}# s 세트형 변수에 3 추가s.add(3)# s 세트형 변수 출력print(s)# s 세트형 변수에 5 ..
파이썬 - 인덱싱(Indexing) [20240929] 인덱싱(Indexing)I. 시퀀스 자료형 요소의 접근 방법 - 인덱싱(indexing)시퀀스 자료형은 여러 값으로 이루어져 있는데 인덱스를 사용하여 중간값에 접근할 수 있다. E. 시퀀스 자료형이 n개의 값을 가질 때 인덱스 구조첫 번째 요소두 번째 요소...뒤에서 두 번째 요소뒤에서 첫 번째 요소01...(n-2)(n-1)-n-(n-1) -2-1 Ex. a = [4, 2, 7, 3, 5]42735a[0]a[1]a[-4] -> -(요소5개-1)a[2]a[-3]a[3]a[-2]a[4]a[-1] E. 인덱싱은 문자열, 리스트 같은 자료구조에서 사용한다.E. 문자열 인덱싱은 문자열에 부여된 번호로 원하는 문자를 가르킬 때 사용한다.E. 문자열 앞에서부터 시작하면 인덱스는 0부터 시작하고,..
파이썬 - 시퀀스 자료형(Tuple) [20240929] 파이썬 - 시퀀스 자료형(Tuple)I. 튜플형(Tuple)초기에 선언된 값을 생성, 삭제, 수정 불가능한 형태의 자료형이다.(, )를 이용하여 튜플형을 선언한다.튜플명 = (요소1, 요소2, ...) II. 파이썬 튜플(실습)# 튜플형 선언t = ('s', 'j', 'b')print(t) 호출결과
파이썬 - 시퀀스 자료형(List) [20240929] 파이썬 - 시퀀스 자료형(List)I. 리스트형(List)리스트는 크기가 가변적으로 변하는 선형리스트의 성질을 가지고 있다.[, ]를 이용하여 리스트형을 선언한다.리스트명 = [요소1, 요소2, ...] II. 리스트형 메서드의 종류메서드설명append(x)리스트 마지막 요소 뒤에 값 x를 추가하는 메서드clear()리스트의 모든 항목을 삭제하는 메서드copy()리스트를 복사하는 메서드count(x)리스트에서 x 항목의 개수를 알려주는 메서드extend(i)리스트의 마지막에 컬렉션 자료형 i를 추가하는 메서드index(x)값 x와 같은 값을 가지고 있는 인덱스 번호를 알려주는 메서드insert(i, x)리스트의 i번지 위치에 값 x를 삽입하는 메서드pop()마지막 항목을 삭제하고 값을..
파이썬 - 시퀀스 자료형(String) [20240929] 파이썬 - 시퀀스 자료형(String)I. 시퀀스 자료형 구조시퀀스 자료형은 순서가 존재하는 자료형으로 순서가 중요함. I. 시퀀스 자료형 종류시퀀스 자료형에는 문자열형, 리스트형, 튜플형이 있다. II. 문자열형(String)문자 한개 또는 여러 개를 저장하고자 할때 사용.print("슬개")print("슬개", "Seulgae")print('\"Seulgae\"')print("Seulgae"*3) 호출결과 III. 파이썬 문자열 포맷스트링 출력# 문자열 Seulgae를 a 변수에 대입a = "Seulgae"# a 출력print("%s" % a)# %s와 문자열 "world"를 b에 대입b = "%s" % " World"# a + b 출력# b의 %s 부분에 a값 출력print(a ..