SUI

Props 태그의 속성을 리액트에서는 PROP이라고 부른다. function Header(props){ console.log(props); return {props.title} } function Nav(props){ const lis = []; for(let i=0; i state prop은 컴포넌트 사용자 state는 컴포넌트를 만드는 내부자를 위한 것 다음 코드는 mode 값이 바뀌더라도 App 함수가 다시 실행되지 않기 때문에 원하는 동작이 수행되지 않음 ... function App() { let mode = 'WELCOME'; const topics = [ {id: 1, title: 'html', body: 'html is ...'}, {id: 2, title: 'css', body: 'css..

설치 생활코딩 React 실습을 따라하려면 2가지 방법 중에 하나를 쓰면 된다. 첫번째는 스택블릿츠라는 웹 서비스를 이용하는 방법이다. 이 방법을 이용하면 컴퓨터에 React를 설치할 필요가 없기 때문에 편하게 배울 수 있다. https://stackblitz.com/edit/react-dq5bad?file=src%2Findex.js React (forked) - StackBlitz A create-react-app project based on react and react-dom. stackblitz.com 두 번째 방법은 create-react-app 을 이용하는 것인데 이 앱을 사용하려면 우선 nodejs가 설치되어 있어야 한다. nodejs가 설치되어 있지 않다면 설치해주자 -> https://n..

git log -p # patch 내역이 나옴 git log --stat # 어떤 파일이 변경되었는지 나옴 git diff # 커밋 전 변경내용 확인 git reset --hard # 커밋 전 변화내용 삭제 git checkout # 특정 버전으로 working tree 변경 git checkout master git commit -am "message" add 와 commit 을 한 번에 함 새로운 파일은 최초 한 번은 add를 해줘야 함 git config --global core.editor "nano" git reset --hard 버전 버전을 리셋하겠다 X 해당 버전으로 리셋하겠다. O 버전을 삭제하지 않으면서 되돌리기 git revert 역순, 순차적으로 리버트를 해야 충돌이 일어나지 않음 d..

# 버전확인 import sqlite3 print(sqlite3.version) # 모듈 자체 버전 print(sqlite3.sqlite_version) # sqlite 버전 # database 생성 dbConn = sqlite3.connec(database='path') # cursor 생성 / execute cs = dbConn.cursor() cs.execute("create table x(a int)") cs.execute("insert into x values (?)", (12345,)) cs.execute("select * from x").fetchall() # commit dbConn.commit() # db 닫기 dbConn.close()

// System.Windows.Forms: 윈폼 // System.Window 에서 구현하는 경우: WPF WPF 실행을 위해 필요한 2개 클래스 Application, Window 1. Application // MyApp.cs using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows; // Application namespace ch03_1 { class MyApp: Application // Application 상속 { [STAThread] // 1. 싱글 쓰레드로 시작 됨 public static void M..

ttk: themed tk (개선된 tk) # tkinter 위젯 종류 Label, Message Entry, Text Button, CheckButton, ComboButton Listbox, Combobox Scale : 슬라이스바 Scrollbar Toplevel : Window Menu,Menubutton Frame Canvas import tkinter as tk from tkinter import ttk def clickme(): label1.configure(text="버튼이 클릭되었습니다.") button1.configure(text="clicked") label1.configure(foreground="blue", background="yellow") win = tk.Tk() win.ti..

배열 var a = arrayOf(1,2,3) var b = arrayListOf(1,2,3,4) var c = arrayOf("aaa","bbb","ccc") var d = IntArray(3) d[0] = 1234 d[1] = 4321 println("${a[0]} ${b[0]} ${c[0]} ${d[2]}") 함수 fun main() { show("has") var returnValue = getString() println(returnValue) } fun show(message: String){ println(message) } fun getString(): Any { return "Return" } fun main() { println("max: ${max(x=3,y=5)}") log("mes..

Kotlin: JetBrain 개발한 현대 프로그래밍 언어 특징:) JVM 기반 / 객체지향, 함수형 프로그래밍 지원 Java 호환 변수: 프로그램에서 사용하는 데이터를 임시로 저장해 놓는 그릇 fun main(){ // 변수는 var var number: Int = 1234 // 상수는 val val PI = 3.14 print(PI) } 숫자데이터 정수 Byte, Short, Int, Long 실수 Float, Double 논리 Boolean 문자 Char 문자열 String 문자열 템플릿 var number: Byte = 100 println("${number}") 입력 var input = readLine() ?: "" var value = input.toIntOrNull() ?: 0 print(..

기능 1. 버전관리 2. 백업 3. 협업 Repository: 버전이 저장되는 곳 Working Tree: 버전이 만들어지기 전 단계, 파일을 수정하는 곳 Staging Area: 실제로 버전관리가 되는 대상 버전관리 할 파일을 추가하려면 git add hello1.txt 커밋을 해야 버전이 생성 됨 git commit -m "Message .." 상태를 보려면 git status 버전 목록을 보려면 git log