728x90 반응형 전체 글136 [python]리스트 자료형 구문. 리스트 명 = [요소1, 요소2, 요소3] 호출 : 리스트명[0] ex) nums = [1, 2, 3, 4, 5, 6] !!!! 이모지 사용하면 터미널에서 깨짐현상 발생 터미널에서는 안보이는 듯 실습 list1 = ["a","b","c","d"] print(list1) print(type(list1)) print(list1[1]) #['a', 'b', 'c', 'd'] # #b 리스트 슬라이싱 슬라이싱은 나눈다라는 뜻 list1 = ["a","b","c","d"] print(list1[2:]) #['c', 'd'] 리스트 더하기 +기호를 사용하면 리스트를 합쳐준다 list2 = [1, 2, 3] list3 = [4, 5, 6] list4 = list2 + list3 print(list4) #[1,.. 2023. 3. 6. [python]파이썬 자료형(숫자형, 문자열 자료형) 연산자 num1 = 10 num2 = 3 #연산자 #+:덧셈, -:뺄셈, *:곱셈, /:나눗셈, **:제곱근, %:나머지, //:몫(정수) print(num1 * num2) #30 print(num1 / num2) #3.3333333333333335 print(num1 // num2) #3 print(num1 + num2) #13 print(num1 - num2) #7 소수점 표현하기 print("%0.4f" %3.123456789) #3.1235 문자열 곱하기 #문자열 곱하기 * print("=" * 20) #==================== 문자열 더하기 #문자열 더하기 + head = "Python" tail = "is funs" print(head+tail) print(head*2) #Pyth.. 2023. 3. 6. [python] 변수 선언, 주석 자바스크립트와 다르게 파이썬은 앞에 선언자 없이 간단하게 표현할 수 있다 변수명 = 변수(문자, 숫자 등등등) 주석 처리방법 파이썬은 두가지방법이 있다 1. #주석 내용 2. ***여러문장 주석내용*** 실습 # 변수만들기 str = "hello python" print(str) //hello python print(type(str)) // num = 10 print(type(num)) // #문자 "", '', ''' ''', """ """ str2 = """안녕하세요 안녕하세요 안녕하세요""" str3 = "안녕하세요 \"안녕하세요 \" 안녕하세요" """ 이스케이프 문자/코드 """ print(str2) //안녕하세요 //안녕하세요 //안녕하세요 print(str3) //안녕하세요 "안녕하세요 " .. 2023. 3. 6. [프로그래머스]커스텀 라우터 자바스크립트로 라우터 구현 커스텀이벤트 자바스크립트를 사용하면 이벤트 핸들러를 할당할수 있으며 이벤트를 직접 만들수도 있습니다 1. 이벤트 생성 new CustomEvent("type",{detail:{전달객체}}) ===>이벤트객체 만듬 -type: 이벤트의 타입을 나타내는 문자열 -customEvent 두번째 인수엔 객체가 들어갈 수 있는데 detail이라는 프로퍼티를 추가해 커스텀 이벤트 관련 정보를 명시 정보를 이벤트에 전달할 수 있음 2. 이벤트 호출 dispatchEvent(커스텀 이벤트 객체) 이벤트 객체를 생성한 다음 dispatchEvent(이벤트객체)를 통해서 이벤트를 호출할 수 있음 ex) new customEvent("customClick", {detail: {message: "hi.. 2023. 3. 4. [프로그래머스]프로그래밍 언어 검색 문제: 프로그래밍 언어 검색 index.html 이런 형태의 화면을 구성해야한다 index.html을 참고하여 javascript를 컴포넌트로 분리하고 각 태그들을 javascript를 사용하여 구현해야함 JavaScript Python Elixir Java PHP ActionScript JavaScript TypeScript PureScript 1. 초기 파일 만들기 Id값이 App인 div태그 하나를 만들어서 그 안에 각 컴포넌트들을 조립해보자 그 전에 javascript로 잘 적용 되는지 초기 파일을 만들어보자 index.html 기존에 있던 index.html에 main태그 빼고 다 지움 그리고 index.js 불러오기함 components폴더 생성 index.js import App from ".. 2023. 3. 3. [python] python 다운로드 & vsCode 플로그인 파이썬 다운로드 사이트 https://www.python.org/downloads/ Download Python The official home of the Python Programming Language www.python.org 파이썬 터미널 사용 파이썬 IDLE 사용 실행하면 오른쪽 shell이 생성됨 바로 오른쪽 shell에서 코드를 쓰는게 아니라 새로운 shell을 만들어서 코드 사용하고 저장하면 오른쪽 shell에 출력됨 파이썬 vsCode 사용 ---- 추천 저는 vsCode 사용함 vsCode는 플로그인 2개 다운로드 받아야함 Python Python Extension Pack vsCode 터미널에 출력방법 파이썬에서는 출력문을 print() 로 사용한다 우측 상단에 화살표 모양 "▶" .. 2023. 3. 2. [typescript] json-server라이브러리, react-typescript(styled-components) 폴더 생성 npx create-react-app builtin-functions --template typescript json-server라이브러리 사용하기 json 파일을 사용하여 간단한 시뮬레이션능 위한 REST API Mock server 구축할 수 있는 툴입니다 설치 npm install -g json-server 구동하기 터미널 - cmd 설정 json-server --watch data.json파일 경로 --port 3003 data.json 파일은 만들거임 실습 db폴더 생성 data.json { "subjects": [ { "id": 1, "title": "javascript" }, { "id": 2, "title": "php" }, { "id": 3, "title": "react" },.. 2023. 2. 24. [typescript] typesafe-actions 라이브러리 typesafe-actions 라이브러리 적용하기 리덕스 모듈을 굉장히 짧게 코드를 줄여줌 리덕스 모듈 구조 액션타입/ 액션생성함수/ 리듀서/상태타입 설치 npm install typesafe-actions 1. 액션 타입 변경 const INCREASE = "counter/INCREASE" as const → const INCREASE = "counter/INCREASE" 2. 액션 생성 함수 구문) import { deprecated } from "typesafe-actions"; const {createStandardAction, createAction} = deprecated; createStandardtAction(액션타입) createAction(액션타입) action()함수는 액션객체를 만드.. 2023. 2. 24. [typescript]react-typescript(redux) 지금까지 사용한 상태관리 useState() useReducer(reducer, state) 2023.02.20 - [typescript] - [typescript]react - typescript(useState) [typescript]react - typescript(설치, useState) 설치(cmd) npx create-react-app ts-react --template typescript VScode 에디터에서 터미널 열고 설치 npm install -g typescript 1. props 전달시 props 타입을 interface로 지정해야한다. ex) interface HelloProps = { name: string } const H uou413.tistory.com 2023.02.21.. 2023. 2. 24. [typescript] as & ReturnType as type ex) as number 얘는 넘버타입이야!!라고 지정 타입선언 const green:Preson = {name: "aaa"} 타입은 Person 타입단언 const green = {name: "bbb"} as Person 타입은 Person *타입 단언을 사용하면 타입체크를 하지 않음 타입체커에게 오류를 무시하도록 함 밑에 실습을 보면 {name: "aaa", age: 30} 속성 age가 추가되면 타입선언은 에러가 발생되는데 타입단언은 에러 없음 이유는 타입스크립트가 추론한 타입이 있더라도 Person 타입으로 간주함 실습 import React from 'react'; import logo from './logo.svg'; import './App.css'; interface Pers.. 2023. 2. 24. [typescript] react-typscript(useReducer + contextAPI) useReducer 알아보기 2023.01.14 - [react] - [React] Hook 함수정리3(useReducer) [React] Hook 함수정리3(useReducer) useReducer를 알기전에 상태를 업데이트 할때는 useState를 사용해서 새로운 상태를 설정해주었는데 상태를 관리하게 될 때 useState를 사용하는거 말고도 또 다른 방법 useReducer!!!!! 새로운 상태관리~~ u uou413.tistory.com contextAPI 알아보기 2023.01.10 - [react] - [React]Hooks함수 정리1(useState, useRef, useEffect, useContext) [React]Hooks함수 정리1(useState, useRef, useEffect, .. 2023. 2. 24. [typescript] react-typscript(usereducer) useReducer 사용하기 reducer 함수 생성 올수 있는 액션객체를 유니언 타입으로 쭉 나열 type Action = {type: 'INCREASE'} | {type: 'DECREASE'} function reducer(state: number, action: Action): number { //카운터를 바꿀거기때문에 상태하고 리턴값 타입은 number } 연습해보기 실습 App.tsx import React from "react"; import ReducerSample from "./components/ReducerSample"; function App() { return ( ); } export default App; components폴더안에 ReducerSample.tsx ///리듀서 연습.. 2023. 2. 24. 이전 1 2 3 4 5 6 7 8 ··· 12 다음 728x90 반응형
