히히후후

www.acmicpc.net/problem/1926 1926번: 그림 어떤 큰 도화지에 그림이 그려져 있을 때, 그 그림의 개수와, 그 그림 중 넓이가 가장 넓은 것의 넓이를 출력하여라. 단, 그림이라는 것은 1로 연결된 것을 한 그림이라고 정의하자. 가로나 세로 www.acmicpc.net #include using namespace std; const int MAX = 500; typedef struct { int x, y; } Dir; Dir dirMove[4] = {{-1, 0}, {1, 0}, {0, -1}, {0, 1}}; bool visited[MAX][MAX]; int graph[MAX][MAX]; int n, m; int cnt; int area; int maxArea; void dfs(..

알고리즘 2021. 1. 14. 22:39

www.acmicpc.net/problem/4963 4963번: 섬의 개수 입력은 여러 개의 테스트 케이스로 이루어져 있다. 각 테스트 케이스의 첫째 줄에는 지도의 너비 w와 높이 h가 주어진다. w와 h는 50보다 작거나 같은 양의 정수이다. 둘째 줄부터 h개 줄에는 지도 www.acmicpc.net #include #include using namespace std; const int MAX = 50; typedef struct { int x, y; } Dir; Dir dirMove[8] = {{-1, 0}, {1, 0}, {0, -1}, {0, 1}, {1, 1}, {1, -1}, {-1, 1}, {-1, -1}}; bool visited[MAX][MAX]; int graph[MAX][MAX]; i..

카테고리 없음 2021. 1. 14. 22:11

1. HTTP 통신 HTTP(Hyper Text Transfer Protocol)는 정보를 주고 받을 수 있는 프로토콜이다. 주로 HTML(Hyper Text Markup Language) 문서를 주고받는 데에 쓰인다. 주로 TCP를 사용하고 HTTP/3 부터는 UDP를 사용하며, 80번 포트를 사용한다. HTTP는 클라이언트와 서버 사이에 이루어 지는 요청/응답(request/response) 프로토콜이다. HTTP를 통해 전달되는 자료는 http: 로 시작하는 URL로 조회할 수 있다. 2. HTTP 통신의 특징 클라이언트의 요청(request)가 있을 때만 서버가 응답(response)하는 단방향 통신이다. (양방향 통신이 필요한 경우 socket 통신을 이용한다.) 계속해서 서버와 브라우저가 연결..

cs 지식 2021. 1. 13. 00:17

AJAX(Asynchronous Javascript And XML) ->비동기적인 웹서비스를 개발하기 위한 기법. 이름에 XML이 있지만 꼭 XML을 사용하는 것은 아니다. 요즘에는 JSON을 많이 사용함. 쉽게 말해 page 이동없이 서버에 요청을 보내고 응답을 받는 기술. Ajax 요청은 jQuery, axios, fetch 같이 라이브러리를 이용해서 보낸다. (client와 server 간의 통신이다.) 그렇다면 axios와 fetch의 차이는?? 1. axios 구형 브라우저를 지원한다.(IE11와 같은 구형 Browser까지도 구현) 응답시간 초과를 설정하는 기능이 있다. EX) axios({ method : 'post', url : 'login', timeout : 4000, data : { ..

cs 지식 2021. 1. 11. 22:50

Ctrl + k : 찾고자 하는 문자열을 블럭으로 설정한 후 키를 누른다.(ctrl+k를 누를 때 마다 찾고자 하는 문자열의 다음 위 치로 이동한다. Ctrl + D : 한줄 삭제 Ctrl+I : 들여쓰기 자동 수정(Ctrl+a로 전체 선택한 이후 정렬하면 전체 정렬이됨. eslint처럼) Alt+UP(DOWN) : 위(아래)줄과 바꾸기 Alt+SHIFT+방향키 : 블록 선택하기 sysout 입력한 후 Ctrl + Space 하면 System.out.println(); 으로 바뀐다. try 입력한 후 Ctrl + Space 하면 try-catch 문이 완성된다. for 입력한 후 Ctrl + Space 하면 여러가지 for 문을 완성할 수 있다. [출처] https://songeunjung92.tisto..

Java 2020. 12. 30. 23:14

MOFE의 한학기 스터디가 끝났다. 한주 한주 지날 때마다 점점 더 열심히 했어야 하는데 점점 더 못해진 것 같다.... (특히 이번 주 정리를 가장 대충, 그리고 못했다....ㅎ) 학기가 마무리되고 다시 여유가 생길 때 한학기동안 배워왔던 이 React를 어떻게 활용해서 토이프로젝트를 할지 고민해봐야겠다. 특히, 이 토이프로젝트에서는 반드시 git을 활용해서 변화하는 과정을 모두 기록할 필요가 있겠다. 리액트의 스타일링 방식은 크게 4가지 1. 일반 CSS 2. Sass 3. CSS Module 4. styled-components 1. 일반 CSS 원래 우리가 사용하던 CSS 처럼 따로 CSS 파일을 하나 만들고 그곳에 CSS 관련 코드들을 작성. 그 후에 이 파일을 import 2. Sass Sas..

MOFE 스터디 2020. 12. 5. 14:34

8.1 useState const [value, setValue] = useState(0); value => 상태값 setValue => 상태를 설정하는 함수 상태값이 변경될 때마다 리렌더링 되어야 한다면 반드시 useState Hook을 사용해야 한다. 또한 value 값을 변경할 때는 반드시 setValue 함수를 통해 변경해주어야 한다. 다른 방식으로 value의 값을 수정해서는 안된다. 8.2 useEffect useEffect는 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook useEffect(() => { console.log('!!!!!!!!'); },[]) 컴포넌트가 화면에 맨 처음 렌더링 될 때만 useEffect에서 설정한 함수를 실행시키고 싶다면 두번..

MOFE 스터디 2020. 11. 27. 21:02

리액트 컴포넌트 내부의 특정 DOM에 대해 id가 아닌 ref를 사용하는 이유는 id를 사용하게 되면 id의 중복이 발생할 확률이 높기 때문이다. 하나의 프로그램을 만들 때 수많은 컴포넌트를 만든다. id 요소는 전역적으로 발생하기 때문에 이 수많은 컴포넌트의 내부에 있는 id의 이름들이 모두 각각 달라야 한다. 하지만, ref는 전역적으로 작동하지 않고 컴포넌트 내부에서만 작동한다. 이 때문에 이런 문제를 야기시키지 않는다. 따라서, id를 쓸 수도 있지만, ref를 쓰는 것이 훨씬 좋은 선택이다. 이 ref를 사용할 때는 DOM에 직접적으로 접근해야 할 때이다. 직접적으로 접근해야만 하는 경우는 특정 input에 포커스를 주어야 할 떄, 스크롤 박스를 조작해야 할 떄, Canvas 요소에 그림을 그려..

MOFE 스터디 2020. 11. 20. 11:41