Amada Coding Club

여전히 패스트 캠퍼스 강의를 듣고 있다. 나는 분명 이 강의가 리액트를 아예 모르는 사람들을 위한 강의인 줄 알았는데 어우 Hook을 설명도 없이 막 쓴다. 그래서 당황한 마음에 리액트에서 자주 사용하는 Hook을 정리하려고 한다. (Hook은 커스텀도 가능하고 계속 만들어지고 있기 때문에 모든 hook을 설명하는 건 힘들다) 먼저 Hook에 대해 알아보자 Hook이란? Hook은 React 16.8에 새로 추가된 기능입니다. Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해줍니다. Hook은 함수형 컴포넌트에서 사용되는 기능으로 클래스형 컴포넌트에서 가능했던 state나 다른 기능들을 함수형 컴포넌트에서도 사용할 수 있게 도와준다. 또한, 기존에 클래스형..

2023.01.10 - [Front-End/VanillaJs] - [VanillaJS] 1-Canvas를 이용해서 그림판 만들어보기-지우기 [VanillaJS] 1-Canvas를 이용해서 그림판 만들어보기-지우기 지난 시간에는 그림판의 그리는 과정을 나타냈고 [VanillaJS] 1-Canvas를 이용해서 그림판 만들어보기-그리기 패스트캠퍼스 강의에서 그림판 만들기 실습을 했는데 너무 흥미로워서 글로 남긴다. 그 amadaclub.tistory.com 이 편에 이어서 이젠 그린 그림을 이미지로 저장하는 방법을 알아보자 방법은 쉽다. 먼저 a태그를 이용한다. 그리고 JS에 a태그를 가지고 온 후 a태그의 href 값에 다음과 같은 함수를 입력한다. downloadEl.href = this.canvasEl...

https://www.acmicpc.net/problem/2468 2468번: 안전 영역 재난방재청에서는 많은 비가 내리는 장마철에 대비해서 다음과 같은 일을 계획하고 있다. 먼저 어떤 지역의 높이 정보를 파악한다. 그 다음에 그 지역에 많은 비가 내렸을 때 물에 잠기지 않는 www.acmicpc.net 문제에 대한 설명은 위와 같다. 나는 이번에도 반복문을 사용해서 풀려고 했다. 한 반복마다 계속 배열을 복사해 안전 지역일 경우 왼쪽과 위를 비교해서 안전지역이라면 카운트를 늘리지 않는 방법을 생각했다. 그러나 복제가 되지 않는다는 문제와 오른쪽과 아래를 비교하지 않는다는 문제(위 외쪽이 막혀있고 아래 오른이 열려있는 경우 카운트가 세진다) 때문에 풀지 못했다. 그리고 다른 사람들이 푼 코드를 보고 이해..

https://www.acmicpc.net/problem/7576 7576번: 토마토 첫 줄에는 상자의 크기를 나타내는 두 정수 M,N이 주어진다. M은 상자의 가로 칸의 수, N은 상자의 세로 칸의 수를 나타낸다. 단, 2 ≤ M,N ≤ 1,000 이다. 둘째 줄부터는 하나의 상자에 저장된 토마토 www.acmicpc.net 문제 설명은 위와 같다. 문제를 보고 맨 처음엔 BFS를 이용해서 풀어야겠구나 생각을 했지만 어떻게 풀어야 할 지는 몰랐다. 우선 시작점이 하나가 아니라 여러 곳에서 시작하고 일수는 어떻게 재야할지 알아내지 못했다. 그래서 일단 풀어보자는 생각으로 풀었다. 틀렸지만 m, n = map(int, input().split()) tomato = [] day = 0 move = True ..

보통 웹 주소에 대해 말할 때 URL이라는 말을 많이 사용한다. 그런데 이번에 Router에 대한 글을 쓰면서 URL이외에 URI라는 말을 많이 썼다. URI는 뭐고 URL은 뭔지 궁금해서 정리를 해보고자 한다. 먼저 요약하면 URI는 이름 URL는 위치를 나타낸다. 사람에 비유하면 URI는 각자의 이름, URL은 그 사람들이 사는 지역을 생각하면 편하다. 다시 말해 URL 이 성동구일때 URI는 성동구의 홍길동, 성동구의 임꺽정과 같은 유일한 존재이다. 이제 자세하게 살펴보자 URI와 URL의 관계 먼저 URI는 Uniform Resource Identifier URL은 Uniform Resource Locator의 약자로 이름 그래도 URI는 id를 URL은 위치를 나타낸다. 이 두 개의 관계는 위와..

어우 원래 이 내용을 쓰려고 했는데 어찌하다보니 SEO에 대한 이야기를 해버렸다 2023.01.12 - [Front-End/관련 지식들] - [Front-End] SEO의 개념과 중요성 우리가 무언가 개발을 할 때 라우팅을 많이 사용한다. React에서도 React-router-dom을 사용하고 다른 라이브러리나 프레임워크에서 라우팅을 지원한다. 이전에는 라우팅이라는 주제에 대해 모르는 상태에서 그냥 그렇구나하고 개발했었는데 이제는 라우팅에 대해 알고 있어야 할 것 같아서 라우팅에 대해 알아보고자 한다. Routing이란? Routing은 route(경로)에 ing가 붙여진 것으로 출발지(기존 주소)에서 목적지(가려고 하는 주소)까지의 경로를 설정하는 기능이다. 다시 말해 기존 화면에서 다른 화면으로 화..