분류 전체보기
-
HTML 요소HTML, CSS 2023. 4. 5. 17:06
● 제목 더보기 - h1 ~ h6 : 제목의 크기를 나타내는 태그 ● 단락 - 문장과 문장을 나누거나 문단등을 의미 더보기 - p : 한 문장이나 내용을 작성할 사용되는 태그 => 어떻게 칸을 나누든 한 문장으로 출력된다. - pre : p 태그와 마찬가지로 한 문장이나 내용을 작성할때 사용되는 태그 => 띄어쓰기를 하던 칸을 나누던 있는 그대로 출력해준다. - br : 줄을 바꿀 때 사용 - hr : 줄을 바꿀 때 사용 가로로 구분이 가능한 줄이 생김 ● 서식 - 텍스트에 다양한 효과등을 부여하는 것 더보기 - b : 글씨를 굵게 만들때 사용한다. - strong : 글씨를 굵게 만들 뿐 아니라 중요하다는 표시 - i : 화면의 글씨를 이탤릭체로 변경 - em : 글씨를 이탤릭체로 변경 및 중요하다는 ..
-
HTML(Hyper Text Markup Language)HTML, CSS 2023. 4. 5. 16:32
1. HTML 이란? Hyper Text Markup Language의 약자로 마크업 구성에 가장 많이 사용되는 언어이다. 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 한다. Elements로 구성되어 있다. Hyper Text Markup Language는 Hyper Text(하이퍼텍스트) 웹사이트를 클릭하여 다른 페이지로 이동하는 기능을 의미하며 Markup(마크업)은 태그(tag)를 사용하여 문서에서 제목, 본문, 이미지 등을 표시하는 것을 말한다. 즉 웹 페이지를 오고갈 수 있는 웹 문서들을 만드는 태그를 활용한 언어 라고 말할 수 있다. 2. HTML 요소의 구조 기본적인 틀은 위와 같이 구성된다. : 문서가 HTML5 인 것을 선언한다. : 문서의 상단, 하..
-
9625. [Python]BABBAPython_알고리즘/Silver V 2023. 4. 5. 15:34
1. 문제 https://www.acmicpc.net/problem/9625 9625번: BABBA 상근이는 길을 걷다가 신기한 기계를 발견했다. 기계는 매우 매우 큰 화면과 버튼 하나로 이루어져 있다. 기계를 발견했을 때, 화면에는 A만 표시되어져 있었다. 버튼을 누르니 글자가 B로 변했 www.acmicpc.net 2. 접근 방법 시간 제한: 1초 메모리 제한: 128MB 다이나믹 프로그래 3. 파이썬 코드 def dp(): # 정답 리스트 ans_list = [[1,0]] # K가 45까지 들어오기때문에 for _ in range(45): ans_list.append([ans_list[-1][1],ans_list[-1][0]+ans_list[-1][1]]) return ans_list K = int..
-
8979. [Python]올림픽Python_알고리즘/Silver V 2023. 4. 4. 00:35
1. 문제 https://www.acmicpc.net/problem/8979 8979번: 올림픽 입력의 첫 줄은 국가의 수 N(1 ≤ N ≤ 1,000)과 등수를 알고 싶은 국가 K(1 ≤ K ≤ N)가 빈칸을 사이에 두고 주어진다. 각 국가는 1부터 N 사이의 정수로 표현된다. 이후 N개의 각 줄에는 차례대로 각 www.acmicpc.net 2. 접근 방법 시간 제한: 1초 메모리 제한: 128MB 구현 정렬 3. 파이썬 코드 N,K = map(int,input().split()) num_list = [] # 나라별 리스트 추가 for _ in range(N): country = list(map(int,input().split())) num_list.append(country) # 금, 은, 동 순으로..
-
1235. [Python]학생 번호Python_알고리즘/Silver IV 2023. 4. 1. 22:59
1. 문제 2. 접근 방법 시간 제한: 2초 메모리 제한: 128MB 문자열 구현 3. 파이썬 코드 import sys input = sys.stdin.readline N = int(input()) num_list = [] for _ in range(N): num_list.append(input().strip()) # 문자의 길이를 받아올 변수 생성 => 몇자리 수까지 존재하는지 확인 total_length = len(num_list[0]) # 문자열 슬라이싱을 위해 1부터 맨마지막숫자까지 for i in range(1,total_length+1): # 체크해줄 변수생성 flag = 0 # 딕셔너리 생성하여 매 딕셔너리마다 값 체크 ans_list = {} for j in num_list: # 숫자 리스..
-
2740. [Python]행렬 곱셈Python_알고리즘/Silver V 2023. 3. 31. 20:27
1. 문제 https://www.acmicpc.net/problem/2740 2740번: 행렬 곱셈 첫째 줄에 행렬 A의 크기 N 과 M이 주어진다. 둘째 줄부터 N개의 줄에 행렬 A의 원소 M개가 순서대로 주어진다. 그 다음 줄에는 행렬 B의 크기 M과 K가 주어진다. 이어서 M개의 줄에 행렬 B의 원소 K개 www.acmicpc.net 2. 접근 방법 시간 제한: 1초 메모리 제한: 128MB 구현 3. 파이썬 코드 N,M = map(int,input().split()) # 첫번째 행렬 생성 matrix_1 = [] # 첫번째 행렬 값 입력 for _ in range(N): num_list = list(map(int,input().split())) matrix_1.append(num_list) L,K..
-
2535. [Python]아시아 정보올림피아드Python_알고리즘/Silver V 2023. 3. 29. 23:32
1. 문제 https://www.acmicpc.net/problem/2535 2535번: 아시아 정보올림피아드 첫 번째 줄에는 대회참가 학생 수를 나타내는 N이 주어진다. 단, 3 ≤ N ≤ 100이다. 두 번째 줄부터 N개의 줄에는 각 줄마다 한 학생의 소속 국가 번호, 학생 번호, 그리고 성적이 하나의 빈칸을 사 www.acmicpc.net 2. 접근 방법 시간 제한: 1초 메모리 제한: 128MB 정렬 구현 3. 파이썬 코드 N = int(input()) ans_list = [] for _ in range(N): # 인풋을 리스트 형태로 받아옴 answer = list(map(int,input().split())) # 인풋 리스트를 리스트에 추가 ans_list.append(answer) # 최대 ..
-
1817. [Python]짐 챙기는 숌Python_알고리즘/Silver V 2023. 3. 27. 23:13
1. 문제 https://www.acmicpc.net/problem/1817 1817번: 짐 챙기는 숌 첫째 줄에 책의 개수 N과 박스에 넣을 수 있는 최대 무게 M이 주어진다. N은 0보다 크거나 같고 50보다 작거나 같은 정수이고, M은 1,000보다 작거나 같은 자연수이다. N이 0보다 큰 경우 둘째 줄에 책 www.acmicpc.net 2. 접근 방법 시간 제한: 2초 메모리 제한: 128MB 구현 그리디 3. 파이썬 코드 N,M = map(int,input().split()) # 책이 0개일 경우 if N == 0: print(0) # 그 외의 경우 else: # 책 리스트 생성 book_list = list(map(int,input().split())) # 박스 리스트 생성 box_list =..
-
6.5장React/실전 리액트 프로그래밍 2023. 3. 10. 15:08
6.5 reselect 패키지로 선택자 함수 만들기 원본 데이터를 다양한 형태로 가공해서 사용할 수 있게 도와줌 리덕스 데이터를 리액트 컴포넌트에서 필요한 데이터로 가공하는 용도로 많이 사용 export const getTodoList = createSelector(getTodos, (todos) => todos.todoList.filter((todo) => !todo.isCompleted) ); createSelector를 사용하여 매개변수로 들어온 getTodos 값이 변하지 않으면 계산을 수행하지 않는다. 메모제이션 기능을 이용하여 이전값과 비교하여 변경되면 변경된값을 연산을 수행하고 아닌 경우 이전값을 그대로 사용한다. 상태값 외에도 속성값을 입력 받을 수 있다. // FriendMain expo..
-
6.4장React/실전 리액트 프로그래밍 2023. 3. 10. 15:05
6.4 리액트 상태값을 리덕스로 관리하기 리덕스는 JS를 사용하는 모든 곳에서 사용이 가능하다. 리액트의 컴포넌트 상태값과 리덕스의 상태값이 불변 객체이고 이는 변경 여부확인이 빨라 렌더링 속도가 향상된다. 리액트와 리덕스가 궁합이 잘 맞기때문에 자주 사용된다. 6.4.1 react-redux 패키지 없이 직접 구현하기 const reducer = combineReducers({ timeline : timelineReducer, friend: friendReducer }); const store = createStore(reducer); export default store; 스토어를 생성하여 객체를 내보내서 원하는 곳에서 사용가능하게 만든다. // TimelineMain.js const [, force..