분류 전체보기

[노마드코더] NextJS 시작하기 #5

[노마드코더] NextJS 시작하기 #1 [노마드코더] NextJS 시작하기 #2 [노마드코더] NextJS 시작하기 #3 [노마드코더] NextJS 시작하기 #4 [노마드코더] NextJS 시작하기 #5 NextJS 시작하기 – 노마드 코더 Nomad Coders The React Framework for Production nomadcoders.co 지난 강의 요약 Next에서는 pre-rendering된 html 페이지에 데이터가 포함되지 않는다. 컴포넌트의 초기 state를 미리 export하기 때문에 React.js가 처리를 마치기 전까지는 실제 html 소스코드에는 Loading(개발자가 데이터가 없을때 지정한 모습)페이지의 모습을 볼 수 있다. React.js의 처리가 완료되면, ReactJ..

[노마드코더] NextJS 시작하기 #4

[노마드코더] NextJS 시작하기 #1 [노마드코더] NextJS 시작하기 #2 [노마드코더] NextJS 시작하기 #3 [노마드코더] NextJS 시작하기 #4 [노마드코더] NextJS 시작하기 #5 NextJS 시작하기 – 노마드 코더 Nomad Coders The React Framework for Production nomadcoders.co 전에 했던 강의에 이어서 이제 로딩페이지를 작업해보려고 한다. 영화 데이터가 담긴 movies변수는 영화데이터를 불러오기 전까지는 빈 배열 상태로 있을 것이다. 왜냐면 우리가 useState를 사용할때 초기값을 []으로 했기 때문에. 그러나 만약 useState();로 하면 오류가 발생한다. 왜냐면 map을 사용하려고 할때 movies가 undefined..

[노마드코더] NextJS 시작하기 #3

[노마드코더] NextJS 시작하기 #1 [노마드코더] NextJS 시작하기 #2 [노마드코더] NextJS 시작하기 #3 [노마드코더] NextJS 시작하기 #4 [노마드코더] NextJS 시작하기 #5 NextJS 시작하기 – 노마드 코더 Nomad Coders The React Framework for Production nomadcoders.co 이제 기본 기능들을 알았으니 간단한 영화 앱을 만들어보자. 우선 그 전시간 까지 _app.js를 만들었는데 추가로 Layout컴포넌트를 만들어보도록 하자. Layout컴포넌트는 Next를 사용할 때 사람들이 주로 사용하는 패턴으로, _app.js가 너무 무거워지는 것을 방지하기 위해서 사용한다. components폴더 안에 Layout.js 파일을 생성한..

[노마드코더] NextJS 시작하기 #2

[노마드코더] NextJS 시작하기 #1 [노마드코더] NextJS 시작하기 #2 [노마드코더] NextJS 시작하기 #3 [노마드코더] NextJS 시작하기 #4 [노마드코더] NextJS 시작하기 #5 전의 글에 이어서 계속해서 강의내용을 정리하려고 한다. NextJS 시작하기 – 노마드 코더 Nomad Coders The React Framework for Production nomadcoders.co Routing 우선 components 폴더를 생성해서 안에 새로운 파일을 작성해준다. export default function NavBar() { return ( HOME About ); } 그리고 전에 만들었던 index.js와 about.js의 내용을 약간 수정해준다. import NavBar..

[JO] 정올 1681 해밀턴 순환회로 (JAVA)

문제 http://jungol.co.kr/bbs/board.php?bo_table=pbank&wr_id=954&sca=99&sfl=wr_hit&stx=1681 풀이 방법 태현이는 배달 알바를 하려고 한다. 배달을 하기 위해 방문할 장소가 주어졌을때, 방문하는 순서에 따라서 비용이 달라진다. 최소의 비용을 계산하는 문제이다. 나는 dfs를 사용해서 문제를 풀었다. 0번째부터 시작하면서 모든 경우의 수를 다 따져봤다. 그러면서 시간초과를 막기 위해서 if문으로 끝까지 배달을 못했어도 현재 min값보다 sum의 값이 더 커지면 return을 하면서 백트래킹을 해줬다. 제출 코드 import java.io.*; import java.util.*; public class JO_1681_해밀턴순환회로 { stati..

[SSAFY] 싸피 7기 3개월 후기

약 3달간 싸피하느라 달려왔는데 조금 여유있을때 후기를 남기려고 한다. 싸피 자체가 보안이 철저하고 외부 유출이 안되는 내용이 많기 때문에 자세하진 않지만 그래도 기록해보려고 한다. 1월 싸피을 시작하고 처음 2주는 스타트 캠프를 진행했다. 임시 반이 배정되고, 거의 팀플 위주로 여러가지 활동들을 진행한다. 스타트캠프가 끝나고 본격적인 커리큘럼이 진행된다. 1월은 절반은 스타트캠프, 그리고 약간의 정규과정으로 후딱 지나간것 같다. 2월 이제 정규과정에 들어서면서 엄청나게 공부량이 많아진다. 전공이다보니 배웠던 내용들도 많았지만, 또 아직 미숙한 부분들이나 여러가지 시험을 또 치루기 때문에 매일매일이 공부의 연속이였다. 6시에 정규 수업시간이 끝나면 저녁 후 실습과 과제를 8시까지 했었다. 또 2월에 반에..

[BJ] 백준 1012 유기농 배추 (JAVA)

문제 https://www.acmicpc.net/problem/1012 풀이 방법​ 실버 레벨에 해당하는 문제로 배추의 위치가 주어지고, 인접해있는 배추를 탐색해서 몇개의 배추 구역이 있는지 개수를 구하면 되는 문제다. 4방탐색으로 모든 방향을 돌면서 배추가 존재하는지, 방문했는지의 여부를 판단해야하기 때문에 BFS알고리즘을 사용해서 구현했다. 우선 배추의 위치는 입력값을 토대로 1로 설정해줬다. 그리고 이제 땅을 모두 돌면서 배추가 존재하면서 아직 방문하지 않은 경우 새로운 구역을 발견한 것이기 때문에 구역의 수에 1를 추가해줬다. 인접해있는 배추들을 모두 찾아줘야하기 때문에 Queue를 사용해서 BFS를 구현해줬다. 4방탐색을 하면서 배추이면서 아직 방문하지 않는 칸이 있다면 큐에 추가해주고, 방문 ..

[BJ] 백준 1065 한수 (JAVA)

문제 https://www.acmicpc.net/problem/1065 풀이 방법 함수 카테고리에 있는 기본 문제다. 나는 한수인지 아닌지 체크해주는 함수를 만들어서 풀이했다. 함수에는 우선 10미만인 수는 모두 한수이기 때문에 true를 반환해주고, 10이상부터는 수를 String으로 변환 후 0번째 값과 1번째 값의 차이를 계산해서 그 차이값을 저장해줬다. 그리고 이제 정수를 한자리수씩 보면서 본인과 그 다음 자리 수의 차이가 이전에 구해놨던 gap과 다르다면 바로 false를 반환해줬다. 그리고 이제 메인함수에서는 true이면 한수이므로 cnt변수에 1를 추가해주었고, 마지막에 cnt를 출력해줬다. 제출 코드 import java.io.*; public class BJ_1065_한수 { public..

[BJ] 백준 13458 시험감독 (JAVA)

문제 https://www.acmicpc.net/problem/13458 풀이 방법 문제는 시험을 보는 반의 개수가 주어지고, 각 반에 학생이 몇명 있는지 주어진다. 총감독과 부감독이 존재하는데 총감독은 1명만 존재해야하고 부감독은 여러명 존재할 수 있다. 총감독이 감시할 수 있는 학생수와 부감독이 감시할 수 있는 학생수가 주어졌을 때 모든 학생을 감시하기 위한 최소 감독 수를 구하는 문제다. 다음과 같은 순서로 풀이했다. 1. N번째 반에서 총 감독관 1명이 존재하므로 sum에 1를 더해준다. 2. 총감독이 감시할 수 있는 학생수를 기존의 학생수에서 빼준다. 3. 남은 학생수가 양수라면 부감독이 감시가능한 학생수를 나눠서 딱 나누어떨어진다면 그 값을, 아니면 1을 더해서 sum에 더해준다. 4. 반의 ..