본문 바로가기

728x90

IT

(197)
[생활코딩/React] 2022개정판 | 3.소스코드 수정방법 참고자료: 유튜브 생활코딩 React 2022 개정판 https://www.youtube.com/playlist?list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7 1. 코드 수정 👉🏻index.js를 보면 을 render하고 있다. 👉🏻App.js로 들어가면 다음과 같은 코드를 render하고 있다. 이 코드를 수정해보자! 👉🏻내가 고친 코드대로 화면에 출력되고 있다! 2. 배포 npm run build 👉🏻이 명령어는 배포판을 만드는 명령어이다. 👉🏻build 폴더가 생겼다! npx serve -s build 👉🏻이 명령어는 build에 있는 index.html을 배포하는 명령어이다. 👉🏻이후 나오는 링크로 들어가면 개발환경 버전이 아니라 실제로 서비스할 수 있는 환경을 확인할 수..
[생활코딩/React] 2022개정판 | 2.실습환경 구축 참고자료: 유튜브 생활코딩 React 2022 개정판 https://www.youtube.com/playlist?list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7 1. 다른 사람이 만들어준 리액트 실습 환경 사용하기 https://stackblitz.com/edit/react-fhagtd React (forked) - StackBlitz stackblitz.com 👉🏻이미 실습 환경이 구축된 곳이다. 실습 환경 구축이 어렵다면 위 링크로 바로 들어가 코딩하면 된다! 2. 리액트 실습 환경 내손으로 구축하기 https://create-react-app.dev/ Create React App Set up a modern web app by running one command. creat..
[BAEKJOON/Python] no.16401 과자 나눠주기 | 이진 탐색 문제 https://www.acmicpc.net/problem/16401 16401번: 과자 나눠주기 첫째 줄에 조카의 수 M (1 ≤ M ≤ 1,000,000), 과자의 수 N (1 ≤ N ≤ 1,000,000)이 주어진다. 둘째 줄에 과자 N개의 길이 L1, L2, ..., LN이 공백으로 구분되어 주어진다. 과자의 길이는 (1 ≤ L1, L2, ..., LN www.acmicpc.net 1차 풀이 : 구글링ㅎ 👉🏻도대체가 어떻게 풀어야 하는지 모르겠어서 1시간 고민하고 구글링을 해보았다..ㅎㅎ from sys import stdin input = stdin.readline children_count, snack_count = map(int, input().split()) snacks = list(m..
[BAEKJOON/Python] no.10815 숫자 카드 | 정렬 문제 https://www.acmicpc.net/problem/10815 10815번: 숫자 카드 첫째 줄에 상근이가 가지고 있는 숫자 카드의 개수 N(1 ≤ N ≤ 500,000)이 주어진다. 둘째 줄에는 숫자 카드에 적혀있는 정수가 주어진다. 숫자 카드에 적혀있는 수는 -10,000,000보다 크거나 같고, 10, www.acmicpc.net 1차 풀이 my_card_count = int(input()) card_list = list(map(int, input().split())) number_count = int(input()) find_number = list(map(int, input().split())) for number in find_number: if number in card_list:..
[TAVE/PyTorch] ch03 선형 회귀 | 07 커스텀 데이터셋 참고자료: https://wikidocs.net/book/2788 1. 커스텀 데이터셋 torch.utils.data.Dataset을 상속받아 직접 커스텀 데이터셋을 만들어보자! class CustomDataset(torch.utils.data.Dataset): def __init__(self): def __len__(self): def __getitem__(self, idx): 👉🏻커스텀 데이터셋의 기본적인 뼈대는 위와 같다. __init__: 데이터셋의 전처리를 해주는 부분 __len__: 데이터셋의 길이. 즉, 총 샘플의 수를 적어주는 부분 __getitem__: 데이터셋에서 특정 1개의 샘플을 가져오는 함수 2. 커스텀 데이터셋(Custom Dataset)으로 선형 회귀 구현하기 import to..
[TAVE/PyTorch] ch03 선형 회귀 | 06 미니 배치와 데이터 로드 참고자료: https://wikidocs.net/book/2788 데이터를 로드하는 방법과 미니 배치 경사 하강법에 대해서 학습해보자! 1. 미니 배치와 배치 크기 지금까지 다뤘던 데이터는 현업에 비해 매우 적은 양이다. 만약 현업에서 수십만개 이상의 전체 데이터에 대해 경사 하강법을 수행하면 매우 느리며 계산량이 어마어마하다. 이 때 미니 배치를 사용해보자! 📌미니 배치: 전체 데이터를 더 작은 단위로 나누어 해당 단위로 학습한다. 📌배치 크기: 미니 배치의 크기, 크기를 얼만큼으로 설정하는지에 따라 미니 배치 개수가 결정된다. 배치 크기는 보통 2의 제곱수를 사용한다. 👉🏻미니 배치 학습을 하면 미니 배치만큼만 가져가서 미니 배치에 대한 비용을 계산하고 경사 하강법을 수행한다. 마지막 미니 배치까지 ..
[BAEKJOON/Python] no.2606 바이러스 | DFS/BFS 문제 https://www.acmicpc.net/problem/2606 2606번: 바이러스 첫째 줄에는 컴퓨터의 수가 주어진다. 컴퓨터의 수는 100 이하이고 각 컴퓨터에는 1번 부터 차례대로 번호가 매겨진다. 둘째 줄에는 네트워크 상에서 직접 연결되어 있는 컴퓨터 쌍의 수가 주어 www.acmicpc.net 1차 풀이 computer_count = int(input()) network_count = int(input()) graph = [[] for _ in range(computer_count + 1)] for i in range(network_count): from_com, to_com = map(int, input().split()) graph[from_com].append(to_com) gra..
[멋사10/Session] 3. Figma 220405 화 1. 피그마 세션 오늘은 피그마 학습을 했다. 어떤 디자인 요소를 참고하는지 요즘 디자인 트렌드가 어떤지 등등 이야기 해주셨다. 2. 게더타운 조모임 미니프로젝트를 위해 생성된 조의 조원들과 게더에서 만나 아이스 브레이킹을 했다. 앞으로 매주 세션이 끝나고 만나 모각코를 하기로 했다!ㅎㅎ

728x90