뇌 채우기 공간

■ Component란? 리액트는 레고! 컴포넌트는 블록! 웹사이트를 조각내자 컴포넌트를 이해하고 잘 써먹으려면 웹 사이트를 잘 조각낼 줄 알아야한다. 이 페이지를 만든다고 생각해보자 간단하게 1. 2. 1. 2. 3. 이렇게 조각으로 나눌 수 있다. 이렇게 나눈 조각 하나하나를 컴포넌트라고 부른다. header컴포넌트, container컴포넌트, footer컴포넌트가 있고 container컴포넌트 안에는 imagebanner컴포넌트, contests1컴포넌트가 있다. Component는 웹 사이트의 조각이고, 우리는 이 조각을 모아서 웹 사이트에 뿌려준다. ◎ Component에서 데이터 관리는 어떻게 하는가? state state는 component가 가지고 있는 데이터이다. 해당 컴포넌트에서만 사용..

■ CRA가 무엇인가? React는 레고같은 친구이다. 레고로 성을 만드는 것 처럼 우리는 리액트를 사용해서 웹 사이트를 만든다. 레고는 네모 블록, 긴블록 등등 자기가 원하는 것을 따로 살 수 있다. 리액트도 마찬가지로 자신이 필요한 것들을 하나씩 설치할 수 있다. 그런데 레고로 하나씩 구매하기 귀찮으면 해리포터 성만들기 같은 패키지를 사는 것처럼 CRA는 웹사이트를 만들때 필요한 것을 몽땅 넣어서 만든 패키지이다. ■ JSX란? 리액트에는 딱 하나의 html파일만 존재한다. (public 폴더안에 있는 index.html) 그럼 리액트에서는 어떻게 뷰를 그리냐? JSX문법을 이용해서 React요소를 만들고 DOM에 렌더링 시켜서 그린다. HTML을 품은 JS === JSX 이다. HTML태그는 .js..

1. 리액트 강의 듣기 2주차 까지는 따라하다가 3주차부터 이해 안되는 것이 점점 많아져서 일단 4주차 강의까지 듣기만 했다. 어떤 것을 하는지 미리보기 한다는 느낌 2. 시영 튜터님의 공부방법 시영 튜터님은 왜? 왜? 왜????? 질문을 되게 많이 하신다. 항해에서 열어준 강의를 들으러 갈 때도 자신이 어떤 목적을 가지고 이 강의를 듣는지. 이 강의에서 기대하는 것이 무엇인지 항상 물어보신다. 처음에는 강의가 열렸길래 그냥 들으러 갔을 뿐인데 그런 질문을 들으면서 이 시간을 통해 내가 얻고 나에게 적용할 점은 무엇인가를 생각하게 되었다. 그리고 뭔가를 가르쳐 주고 학생들이 제대로 이해했는지 자신이 이해한 것에 대해서 써보라고 하시는데 다 이해했다고 생각하다가도 쓰려고 하면 말이 잘 생각 안나고 이게 맞..

1. 주특기 REACT 시작 강의 듣기 생각보다 더 어려웠다. 이게 대체 무슨 말이람? 하면서 강의를 들었다. 이것도 계속 듣다보면 익숙해지고 쉬워지겠지 라고 생각하면서 일단 전체적으로 훑고 있다. 2. 민영 튜터님과의 대화!?면담? 끝나고 친한 사람들끼리 이야기를 하고 있는데 민영 튜터님이 오셔서 이것 저것 물어봤다. Q: 자기가 어필하고 싶은 기능을 넣은 작은 프로젝트를 많이 하는게 좋을까요? A: 비슷한걸 계속 하는건 의미가 없고, 다양하게 제대로 어필할 수 있는 것을 프로젝트로 만들어라. 기본 CRUD로 프로젝트 5개 만드는건 하나도 의미 없음! Q: 처음부터 자신이 목표한 기업에 가는 것이 좋은가?(대기업 등 명성 높은 기업이라든가?) 처음에는 작은 스타트업이나 중소기업에서 시작해서 이직하는 것..

1. 폴더를 깃 폴더로 만들기 컴터에 자기가 작업할 폴더를 만든다. 그리고 파일도 만든다. 이 폴더가 원래 일반 폴더였는데 깃 폴더로 바꾸어 주는 것이다. 소스트리에서 create를 누른다. 탐색에서 아까 만든 폴더를 넣어준다. 그리고 생성 2. commit하기 그러면 파일 상태에서 아직 올리지 않은 파일이 있다. 플러스 버튼을 누른다. 그러면 위로 쏙 올라가고 그것을 클릭하면 커밋을 할 수 있다. 커밋 메세지를 쓰고 커밋을 한다. 히스토리에서 보면 내가 언제 무엇을 올렸는지 볼 수 있다. 3. 깃허브와 연결하기 깃허브와 연결해보자 새 레포지토리를 만들어준다. 그리고 url을 복사한다. 깃허브 원격 저장소와 이 폴더를 연결하는 것이다. 원격을 클릭하면 저장소 설정이 나오는데 추가를 누른다. 아까 복사했던..

1. Git 설치 https://git-scm.com/ Git git-scm.com 2. Sourcetree 설치 https://www.sourcetreeapp.com/ Sourcetree | Free Git GUI for Mac and Windows A Git GUI that offers a visual representation of your repositories. Sourcetree is a free Git client for Windows and Mac. www.sourcetreeapp.com 3. Sourcetree 설정하기 https://github.com/settings/tokens GitHub: Where the world builds software GitHub is where over..

힙이란? 데이터에서 최대값과 최소값을 빠르게 찾기 위해 고안된 완전 이진트리 최대힙과 최소힙 최소힙은 최소값이 가장 상위에 있고 부모 노드가 자식 노드보다 값이 작아야한다. 최대 힙은 최대값이 가장 상위에 있고 자식 노드가 부모 노드보다 값이 작아야한다. 문제 값을 넣고 0을 입력하면 배열에서 가장 큰 값을 출력해라 문제풀이 heapq에서는 최소 힙을 제공하기때문에 값을 -를 붙인 key값으로 heap에 넣는다. 그러면 가장 큰 값이 가장 상위에 올라가게된다. 그리고 출력할때는 value값으로 출력한다. 코드 import sys import heapq as hq numbers = int(input()) heap = [] for i in range(numbers): num = int(sys.stdin.re..

문제 컴퓨터끼리 연결된 쌍이 주어진다. 1번 컴퓨터가 웜 바이러스에 걸렸을때 연결된 모든 컴퓨터가 웜 바이러스에 걸린다. 바이러스에 걸리는 컴퓨터의 수를 출력해라 문제풀이 DFS로 푼다. 연결되어있는 노드를 끝까지 탐색해야하기 때문. 2차원 배열에 연결되어있는 값을 저장한다. 1번 노드에 연결된 모든 값을 visited_dfs에 저장하고 1번의 뺀 개수를 출력한다. 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 # 정점의 연결정보 입력받기 n= int(input()) #정점 m = int(input()) #연결수 graph = [[] for _ in range(n+1)] for _ in range(m): a, b = map(int, inp..

문제링크 문제 사람마다 atm기에 있는 시간이 다르다. 모든 사람이 돈을 인출하는데 필요한 시간의 합이 가장 작도록 만들어라 그리고 그 합을 출력해라 문제 풀이 시간이 주어질때 앞에서부터 작은 시간이 걸리는 순서대로 줄을 서면 합이 가장 작아진다. 입력 1을 봤을때 1 2 3 3 4 순서로 서야 최소의 값이 나온다. time에 시간을 리스트로 저장하고 오름차순으로 sort한다 time[i]번째 사람이 걸리는 시간은 그 전까지의 시간을 다 더한 것에 자신의 시간을 더한 시간이다. 코드 import sys num = int(sys.stdin.readline()) time = list(map(int,sys.stdin.readline().split())) time.sort() # print(time) sum =..

문제 k원을 만드는데 필요한 동전 개수의 최솟값을 출력하라 문제 풀이 입력받은 코인을 배열에 저장하고 내림차순으로 정렬한다. k원보다 코인이 큰 것은 지나가고 k원보다 작아지면 k원을 coin으로 나눌 수 있는 지 확인한다 나눌 수 있으면 몫이 coin의 개수이고 나머지가 남으면 나머지를 다음으로 작은 코인으로 나눈 것을 더하면 된다. 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 import sys kind_of_coin, money = map(int,sys.stdin.readline().split()) coins = [] for _ in range(kind_of_coin): coin = int(sys.stdin.readline()) coins.append(coin) coins.rev..