전체 글 164

코딩 기초 트레이닝 - 프로그래머스(차근차근 시작해 보세요 Day 5)

문제 설명문자열 code가 주어집니다.code를 앞에서부터 읽으면서 만약 문자가 "1"이면 mode를 바꿉니다. mode에 따라 code를 읽어가면서 문자열 ret을 만들어냅니다.mode는 0과 1이 있으며, idx를 0 부터 code의 길이 - 1 까지 1씩 키워나가면서 code[idx]의 값에 따라 다음과 같이 행동합니다.mode가 0일 때code[idx]가 "1"이 아니면 idx가 짝수일 때만 ret의 맨 뒤에 code[idx]를 추가합니다.code[idx]가 "1"이면 mode를 0에서 1로 바꿉니다.mode가 1일 때code[idx]가 "1"이 아니면 idx가 홀수일 때만 ret의 맨 뒤에 code[idx]를 추가합니다.code[idx]가 "1"이면 mode를 1에서 0으로 바꿉니다.문자열 co..

기타/study 2024.12.27

코딩 기초 트레이닝 - 프로그래머스(차근차근 시작해 보세요 Day 4)

문제 설명정수 num과 n이 매개 변수로 주어질 때, num이 n의 배수이면 1을 return n의 배수가 아니라면 0을 return하도록 solution 함수를 완성해주세요.제한사항2 ≤ num ≤ 1002 ≤ n ≤ 9 입출력 예numnresult98213430입출력 예 설명입출력 예 #198은 2의 배수이므로 1을 return합니다.입출력 예 #232는 3의 배수가 아니므로 0을 return합니다.class Solution { public int solution(int num, int n) { int answer = 0; if(num%n == 0){ answer = 1; } return answer; }}문제 설명정수 ..

기타/study 2024.12.26

코딩 기초 트레이닝 - 프로그래머스(차근차근 시작해 보세요 Day 3)

문제 설명길이가 같은 두 문자열 str1과 str2가 주어집니다.두 문자열의 각 문자가 앞에서부터 서로 번갈아가면서 한 번씩 등장하는 문자열을 만들어 return 하는 solution 함수를 완성해 주세요.제한사항1 ≤ str1의 길이 = str2의 길이 ≤ 10str1과 str2는 알파벳 소문자로 이루어진 문자열입니다. 입출력 예str1str2result"aaaaa""bbbbb""ababababab"class Solution { public String solution(String str1, String str2) { StringBuilder answer = new StringBuilder(); for(int i=0; i문제 설명문자들이 담겨있는 배열 arr가 주어집니다...

기타/study 2024.12.25

코딩 기초 트레이닝 - 프로그래머스(차근차근 시작해 보세요 Day 2)

문제 설명두 정수 a, b가 주어질 때 다음과 같은 형태의 계산식을 출력하는 코드를 작성해 보세요.a + b = c제한사항1 ≤ a, b ≤ 100입출력 예입력 #14 5출력 #14 + 5 = 9import java.util.Scanner;public class Solution { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int a = sc.nextInt(); int b = sc.nextInt(); int result = a+b; System.out.println(a + " + " + b +" = " + result); }}문제 설명두..

기타/study 2024.12.24

코딩 기초 트레이닝 - 프로그래머스(차근차근 시작해 보세요 Day 1)

문제 설명문자열 str이 주어질 때, str을 출력하는 코드를 작성해 보세요.제한사항1 ≤ str의 길이 ≤ 1,000,000str에는 공백이 없으며, 첫째 줄에 한 줄로만 주어집니다.입출력 예입력 #1HelloWorld!출력 #1HelloWorld!// 정답import java.util.Scanner;public class Solution { public static void main(String[] args) { Scanner sc = new Scanner(System.in); String a = sc.next(); System.out.print(a); }}문제 설명정수 a와 b가 주어집니다. 각 수를 입력받아 입출력 예와 같은 형식으로 출력하는 코드를..

기타/study 2024.12.23

비동기 처리 - Ajax, Fetch 그리고 Axios

WEBAjaxAjax는 웹 브라우저에서 비동기 HTTP 요청을 보내기 위한 기술임XMLHttpRequest 객체를 사용해 요청을 보내고 그 응답을 받아 처리함하지만 코드가 복잡하고 콜백 함수로 인해 가독성이 떨어짐  Fetch Fetch는 더 간결하고 직관적인 문법을 제공하며Promise 기반으로 동작함.then(), .catch(), async/await 같은 문법을 통해 비동기 처리를 더 쉽게 할 수 있음fetch('요청url') .then(response => response.json()) // 응답을 JSON 형식으로 변환 .then(data => console.log(data)) // 데이터 처리 .catch(error => console.error('Error:', error));..

javaboiii의 Web 2024.12.18

React - JSX(Javascript XML)

REACTJSXReact에서는 UI를 작성할 때 JSX를 사용하여 HTML처럼 보이는 코드를 작성함JSX는 실제로 JavaScript 코드로 변환되어 실행됨JSX를 사용하면 HTML 구조를 쉽게 작성하면서도 JavaScript의 강력한 기능을 함께 사용할 수 있음 JSX는 HTML을 JavaScript 안에 포함시킬 수 있게 해주는 특별한 문법React에서는 UI를 구성할 때 JSX를 사용해 화면에 보여줄 내용을 직관적으로 작성할 수 있음JSX 문법JSX 문법은 HTML과 유사하지만 JavaScript 코드 안에서 사용된다는 점에서 차이가 있음예를 들어 HTML에서는 태그를 사용하지만JSX에서는 컴포넌트나 HTML 태그를 JavaScript 코드 내에 직접 작성할 수 있음 const element = ..

javaboiii의 react 2024.12.16

React - 기본

REACTReact는 사용자 인터페이스(UI)를 구성하기 위한 JavaScript 라이브러리React의 주요 목표는 빠르고 효율적인 렌더링을통해 동적인 웹 애플리케이션을 만들 수 있게 해주는 것 컴포넌트 기반 UI 개발React의 가장 큰 특징은 컴포넌트(Component) 기반의 구조애플리케이션을 작은 컴포넌트로 분할하고각각의 컴포넌트가 독립적으로 UI를 렌더링하고 상태를 관리하도록 함이러한 구조는 코드의 재사용성을 높이고, 애플리케이션의 유지보수와 관리가 용이하게 해줌 상태(State) 관리React에서는 상태(State)라는 개념을 통해 컴포넌트의 데이터를 관리사용자의 입력이나 다른 이벤트에 따라 상태가 변경되면React는 자동으로 UI를 업데이트하여 최신 상태를 반영함이 과정을 통해 동적인 웹 애..

javaboiii의 react 2024.12.11

Python - 북극 해빙 면적 그래프

PYTHONimport pandas as pdimport matplotlib.pyplot as pltimport numpy as np # numpy를 임포트하여 평균 계산# 파일 경로path = '경로' # 파일위치 경로file_name = 'ice size count.csv' # CSV 파일 이름# 데이터 출처# 해빙 면적 : https://oceanclimate.kr/seaice_area/?start=&end=&area=nh&var=all&month=allfile_path = path + file_name # 파일 경로# CSV 파일 읽기df = pd.read_csv(file_path, encoding='cp949') # pd.read_csv == pandas의 함수로 CSV 파일을 읽어줌 ..

javaboiii의 python 2024.12.06