본문 바로가기
728x90

전체 글

 (197)
[생활코딩/React] 2022개정판 | 8. create 참고자료: 유튜브 생활코딩 React 2022 개정판 https://www.youtube.com/playlist?list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7 1. 목록을 crate해보자! Create 버튼 만들기 function App() { ...중략... return ( ...중략... { event.preventDefault(); setMode("CREATE"); }}>Create ); } 👉🏻App의 return 부분에 a tag로 Create 버튼을 만들어준다. onClick 이벤트에 a tag의 기능을 막아주고 mode state를 CREATE로 변경해준다. Nav에 리스트 CREATE 하기 function Create(props) { return ( Create ..
[생활코딩/React] 2022개정판 | 7. state 참고자료: 유튜브 생활코딩 React 2022 개정판 https://www.youtube.com/playlist?list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7 1. state state값에 따라 article 내용 변경시키기 먼저 article 내용을 welcome과 read로 나눠 표시해보자! import {useState} from 'react'; function App() { const [mode, setMode] = useState("WELCOME"); const topics = [ {id : 1, title : 'html', body : 'html is ...'}, {id : 2, title : 'css', body : 'css is ...'}, {id : 3, titl..
[TAVE/이코테] ch10 그래프 이론 | 실전 문제 참고자료: 이것이 코딩테스트다 2. 실전 - 팀 결성 team_count, calculation = map(int, input().split()) parent = [0] * (team_count + 1) #[0, 0, 0, 0, 0, 0, 0, 0] #각 num번 팀에 num번 학생을 속하게 한다. for num in range(team_count + 1): #[0, 1, 2, 3, 4, 5, 6, 7] parent[num] = num def find_parent(parent, x): if parent[x] != x: return find_parent(parent, parent[x]) return parent[x] for _ in range(calculation): cal, student1, studen..
[TAVE/이코테] ch10 그래프 이론 | 개념 정리 참고자료: 이것이 코딩테스트다 그래프 📌노드와 노드 사이에 연결된 간선의 정보를 가지고 있는 자료구조 👉🏻그래프 구현 방식 인접 행렬: 2차원 배열을 사용하는 방식 인접 리스트: 리스트를 사용하는 방식 🐰다양한 그래프 알고리즘을 알아보자! 1️⃣ 서로소 집합 📌공통 원소가 없는 두 집합 ✅서로소 집합 자료구조 📌서로소 부분 집합들로 나누어진 원소들의 데이터를 처리하기 위한 자료구조를 말한다. 👉🏻union(합집합)연산과 find(찾기)연산으로 조작할 수 있어 union-find 자료구조로 불리기도 한다. 👉🏻트리 자료구조를 이용해 집합을 표현하고 계산 알고리즘은 다음과 같다. union(합집합) 연산을 확인하여, 서로 연결된 두 노드 A, B를 확인한다. A와 B의 루트 노드 A', B'를 각각 찾는다...
[생활코딩/React] 2022개정판 | 6. 이벤트 참고자료: 유튜브 생활코딩 React 2022 개정판 https://www.youtube.com/playlist?list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7 1. 이벤트 Header component Header 컴포넌트에 이벤트를 달아보자! function App() { const topics = [ {id : 1, title : 'html', body : 'html is ...'}, {id : 2, title : 'css', body : 'css is ...'}, {id : 3, title : 'js', body : 'js is ...'}, ] return ( { alert('Header!'); }}> ); } 👉🏻일단 App의 Header에 onChangeMode라는 ..
[생활코딩/React] 2022개정판 | 4. 컴포넌트 만들기 참고자료: 유튜브 생활코딩 React 2022 개정판 https://www.youtube.com/playlist?list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7 1. 사용자 정의 태그 == 컴포넌트 사용자 정의 태그를 만들어보자! 💡리액트는 사용자 정의 태그를 만드는 기술이다 //App.js import logo from './logo.svg'; import './App.css'; function App() { return ( WEB html css js Welcome Hello. WEB ); } export default App; 👉🏻일단 App.js 파일의 코드를 다음과 같이 수정한다. 이 코드의 return안에 코드가 1억줄 있다면?? 코드를 읽기 힘들고 유지보수도 매우 힘들..
[생활코딩/React] 2022개정판 | 5. props 참고자료: 유튜브 생활코딩 React 2022 개정판 https://www.youtube.com/playlist?list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7 1. props 사용하기 html에 속성을 넣는 것처럼 리액트 코드에서도 속성을 사용해보자! function App() { return ( ); } 👉🏻Header에 title이라는 props에 REACT라는 값을 넣어보자 function Header(props) { return( {props.title} ) } 👉🏻그리고 Header 컴포넌트에서 props로 인자를 받는다. 이 props를 활용하기 위해서는 중괄호로 묶어줘야 한다. function Nav() { return( html css js ) } 👉🏻그럼 이제 ..
[BAEKJOON/Python] no.1931 회의실 배정 | Greedy 문제 https://www.acmicpc.net/problem/1931 1931번: 회의실 배정 (1,4), (5,7), (8,11), (12,14) 를 이용할 수 있다. www.acmicpc.net 1차 풀이 conference_count = int(input()) schedule = [] for conference in range(conference_count): schedule.append(tuple(map(int, input().split()))) schedule.sort(key=lambda tup: tup[0]) result = [[schedule[0]]] for schedule_time in schedule[1:]: put = 0 for idx, result_time in enumerate(r..
728x90

티스토리툴바