분류 전체보기 44

Next.js를 이용해 포트폴리오 사이트 만들기 - 나의 작업물들 소개하기(2)

이제 작업물들을 소개하는 것을 만들어보겠습니다. 하기 전에 Home.module.css안에 내용들을 알려드리도록 하겠습니다. Home.module.css .project_nav { text-align: center; background-color: rgb(29, 128, 159); } .projects { background-color: white; width: 800px; height: 500px; margin: 0 auto; margin-top: 15px; text-align: center; border-radius: 15px; border: 2px solid black; } .info { margin-left: 25px; text-align: left; } .left_tab { float: left..

Next.js 2022.01.15

[백준] 1427번: 소트인사이드 (JAVA)

https://www.acmicpc.net/problem/1427 1427번: 소트인사이드 첫째 줄에 정렬하려고 하는 수 N이 주어진다. N은 1,000,000,000보다 작거나 같은 자연수이다. www.acmicpc.net 문제 설명 공백없이 숫자들이 주어지는데, 이 숫자들을 정렬하여 공백없이 출력하면 된다. 코드 import java.util.Arrays; import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); String str = sc.next(); String[] num = str.split(""); int arr[] = new i..

알고리즘 2022.01.14

Next.js를 이용해 포트폴리오 사이트 만들기 - Header 만들기(2)

여러 웹사이트들을 가보면 위에 메뉴들이 여기저기 페이지를 옮겨 다녀도 그대로 계속 있는 것을 보실 수 있습니다. 그 메뉴들을 Header 즉, 공유된 컴포넌트라고 합니다. Next.js에서는 이 Header를 매우 쉽고 간단하게 만들 수 있습니다. index.js를 아래 사진과 같이 바꿔주세요. export default function Home() { return ( Home 페이지입니다. ); } 그리고 pages폴더 안에 about.js 파일을 추가해주세요. about.js도 다음과 같이 바꿔주세요. export default function about() { return ( About 페이지입니다. ); } 이제 새로운 폴더 하나를 만들 겁니다. components라는 폴더를 하나 만들어주세요. ..

Next.js 2022.01.13

Next.js를 이용해 포트폴리오 사이트 만들기 - 기본 세팅하기(1)

❗ 주의 ❗ 기본적으로 HTML, CSS, JavaScript, React에 관해서 알고 있어야 합니다. 오늘은 Next.js를 이용해서 자신만의 포트폴리오 사이트를 만들도록 하겠습니다. 만들었던 프로젝트들을 간단히 소개 및 사이트 이동이 되게 하고, 내가 어떤 기술을 가지고 있는지와 나에 대한 것들을 적는 사이트를 제작할 것입니다. 그럼 일단 프로젝트를 만들어봅시다. 명령 프롬프트로 가서 폴더 하나를 만드세요. mkdir "폴더명" 그런 다음 그 폴더로 가줍시다. cd "폴더명" 그리고 CNA를 이용해서 Next.js 앱을 설치하도록 하겠습니다. npx create-next-app 그러면 What is your project named?라고 물어볼 텐데 이는 프로젝트명입니다. 저희는 프로젝트명을 nex..

Next.js 2022.01.12

[백준] 15965번: K번째 소수 (JAVA)

https://www.acmicpc.net/problem/15965 15965번: K번째 소수 자연수 K가 주어진다.(1 ≤ K ≤ 500,000) www.acmicpc.net 문제 설명 입력으로 숫자 하나를 받는데, 이 숫자 번째의 소수를 출력하면 된다. ex) 입력: 1 이면 1번째 소수를 출력한다 -> 출력: 2 코드 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.List; public class Main { static boolean prime[] = new boolean[8000002]; publi..

알고리즘 2022.01.11

[백준] 1747번: 소수&팰린드롬 (JAVA)

https://www.acmicpc.net/problem/1747 1747번: 소수&팰린드롬 어떤 수와 그 수의 숫자 순서를 뒤집은 수가 일치하는 수를 팰린드롬이라 부른다. 예를 들어 79,197과 324,423 등이 팰린드롬 수이다. 어떤 수 N (1 ≤ N ≤ 1,000,000)이 주어졌을 때, N보다 크거나 같고, www.acmicpc.net 문제 설명 입력받은 수보다 큰 소수들 중에서 그 숫자와 그 숫자를 뒤집은 숫자와 같은 수를 출력하는 문제이다 ex) 101은 뒤집어도 101이므로 팰린드롬 수이다. 코드 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; public class M..

알고리즘 2022.01.10

[백준] 1850번: 최대공약수

https://www.acmicpc.net/problem/1850 1850번: 최대공약수 모든 자리가 1로만 이루어져있는 두 자연수 A와 B가 주어진다. 이때, A와 B의 최대 공약수를 구하는 프로그램을 작성하시오. 예를 들어, A가 111이고, B가 1111인 경우에 A와 B의 최대공약수는 1이고, A www.acmicpc.net 문제설명 간단한 최대공약수 구하는 문제이지만, 만약 입력이 3 4면 111과 1111의 최대공약수를 구하는 문제이다. 코드 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); long a = sc.nextLo..

알고리즘 2022.01.09

[백준] 10828번: 스택

https://www.acmicpc.net/problem/10828 10828번: 스택 첫째 줄에 주어지는 명령의 수 N (1 ≤ N ≤ 10,000)이 주어진다. 둘째 줄부터 N개의 줄에는 명령이 하나씩 주어진다. 주어지는 정수는 1보다 크거나 같고, 100,000보다 작거나 같다. 문제에 나와있지 www.acmicpc.net 코드 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.Stack; public class Main { public static void main(String[] args) throws IOException { BufferedReade..

알고리즘 2022.01.08

[백준] 12605번: 단어순서 뒤집기 (JAVA)

https://www.acmicpc.net/problem/12605 12605번: 단어순서 뒤집기 스페이스로 띄어쓰기 된 단어들의 리스트가 주어질때, 단어들을 반대 순서로 뒤집어라. 각 라인은 w개의 영단어로 이루어져 있으며, 총 L개의 알파벳을 가진다. 각 행은 알파벳과 스페이스로만 www.acmicpc.net 문제 설명 입력으로 this is a test가 들어오면 입력받은 것들의 순서를 바꿔서 test a is this로 출력하는 문제이다. 코드 import java.io.BufferedReader; import java.io.InputStreamReader; public class Main { public static void main(String[] args) throws Exception { ..

알고리즘 2022.01.06

[자바 Swing 기초] 1. 창 띄우기

오늘의 결과물 자바에서 GUI를 개발하기 위해서는 JFrame 클래스를 상속받아야 한다. 그러면 JFrame에 있는 메소드들을 사용할 수 있다. import javax.swing.JFrame; class 클래스명 extends JFrame 창을 띄우기 위해서는 상속만 받아서는 안된다. 생성자를 만들어서 그 안에 사이즈를 정해주고, 보여줘야한다. 필수적으로 있어야 하는 메소드들은 다음과 같다. setSize(int width, int height); setVisible(boolean b); setSize는 말그대로 창의 사이즈를 정해주는 메소드이다. 첫 번째 인자는 너비, 두 번째 인자는 높이이다. setVisible은 이 창을 보이게 할지, 안 보이게 할지 정하는 메소드이다. true를 하면 보이게 한다..

Java 2022.01.05