전체 글 썸네일형 리스트형 [React] 리액트의 정의. 웹사이트에 React.js 추가하기 리액트의 정의 리액트란 무엇일까? 리액트 공식 웹사이트에서 이렇게 정의하고 있다. A JavaScript library for building user interfaces. 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리다. 라이브러리(Library)는 영어로 도서관을 뜻한다. 프로그래밍 언어에서 라이브러리는 자주 사용되는 기능을 정리해 모아 놓은 것을 뜻한다. 도서관이랑 비슷한 개념이다. UI(User Interface)는 사용자와 컴퓨터 프로그램이 서로 상호작용을 하기 위해 중간에서 서로 간에 입력과 출력을 제어해 주는 것이다. 지금 보는 화면도 UI다. 웹사이트의 경우 버튼, 텍스트 입력창 등이 모두 사용자 인터페이스다. 버튼 누르면 반응하고 특정 페이지가 나타난다. 이런 기능을 모아둔 곳이.. 더보기 [백준 27866번 문제] 문자와 문자열 문제 설명 문제 단어 S와 정수 i가 주어졌을 때, i번째 글자를 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 영어 소문자와 대문자로만 이루어진 단어 가 주어진다. 단어의 길이는 최대 1000이다. 둘째 줄에 정수 가 주어진다. 출력 S의 i의 번째 글자를 출력한다. 예제 입력 → 예제 출력 Sprout r 3 예제 입력 → 예제 출력 shiftpsh p 6 Java 코드 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); String A = sc.nextLine(); int B = sc.nextInt(); if (B >= 1 && B 더보기 [Spring] GET 쿼리 파라미터 조회하기 URL의 쿼리 파라미터로 데이터 전달하기 메시지 바디 없이, URL의 쿼리 파라미터를 사용해서 데이터를 전달하자. 예) 검색, 필터, 페이징등에서 많이 사용하는 방식 쿼리 파라미터는 URL에 다음과 같이 ? 를 시작으로 보낼 수 있다. 추가 파라미터는 & 로 구분하면 된다. http://localhost:8080/request-param?username=kim&username=jung&age=30 IntelliJ에서 아래 코드를 입력해보자. RequestParamServlet package hello.servlet.basic.request; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import ja.. 더보기 [백준 2739번 문제] 구구단 문제 설명 문제 N을 입력받은 뒤, 구구단 N단을 출력하는 프로그램을 작성하시오. 출력 형식에 맞춰서 출력하면 된다. 입력 첫째 줄에 N이 주어진다. N은 1보다 크거나 같고, 9보다 작거나 같다. 출력 출력형식과 같게 N*1부터 N*9까지 출력한다. Java 코드 import java.util.Scanner; public class Main { public static void main(String[] args) { int N = 0; Scanner sc = new Scanner(System.in); N = sc.nextInt(); for(int i=1; i 더보기 [Spring] HTTP 요청 데이터 (GET, POST-HTML Form, HTTP message body) Http 요청 데이터 HTTP 요청 데이터 HTTP 요청 메시지를 통해 클라이언트에서 서버로 데이터를 전달하는 방법을 알아보자. 주로 다음 3가지 방법을 사용한다. 1. GET - 쿼리 파라미터 예시 : /url?username=hello&age=20 (username은 key값, hello는 value값 - key=value 형식으로 입력) 메시지 바디 없이, URL의 쿼리 파라미터에 데이터를 포함해서 전달 예) 검색, 필터, 페이징등에서 많이 사용하는 방식 2. POST - HTML Form content-type: application/x-www-form-urlencoded 메시지 바디에 쿼리 파리미터 형식으로 전달 username=hello&age=20 예) 회원 가입, 상품 주문, HTML Fo.. 더보기 GDSC JOB FAIR 2023 방문 솔직 후기(개발자·인사 담당자 패널 토크 내용 정리) GDSC(Google Developer Student Clubs) JOB FAIR 2023 대한민국 인공지능위크의 마지막날은 AI for Student라는 주제로 인공지능 및 머신러닝 분야로 취업 희망하는 대학생을 위한 국내 스타트업 채용 박람회, Google 대학생 개발자의 국제 경진대회의 우수작 쇼케이스, 개발자·인사 담당자의 패널토크가 진행됐다. Behind Story, 행사에 참석하고 싶어서 Wanted를 통해 신청했다. 그런데 당일 어디에서 언제 어떻게 진행되는지 카톡이 오지 않았다. 그래서 삼성역에 있는 그랜드 인터컨티넨탈 서울 파르나스, 그랜드볼룸을 찾아갔다. 도착해서 들어가려고 하니 결혼식이 진행되고 있었다. 안내원은 나에게 단체 사진 촬영해야 되니 빨리 들어가라고 얘기했다. 당황스러웠다... 더보기 [Web] SPA란 무엇인가? MPA와 비교하기 SPA란 무엇인가? 리액트를 공부하려면 기본적으로 알아야 할 Web 지식이 있다. 그중 하나가 SPA와 MPA다. 우리가 웹사이트에 접속해서 탐색할 때를 생각해 보자. 아래는 내가 좋아하는 경제 사이트다. 사이트에 접속하면 main 화면이 나오는데 index.html이 연결되어 있는 것을 볼 수 있다. 밑에 경제 버튼을 클릭하면 m_see.html로 변경되는 것도 확인할 수 있다. 이 사이트는 수많은 html 자료로 구성된 오래된 웹사이트다. 이를 MPA라 부른다. 버튼, 탭을 누르면 페이지를 이동하게 되는데 그때마다 페이지가 바뀐다. 각 페이지별로 HTML파일이 존재하며, 페이지를 이동하면 브라우저에서 해당 페이지의 HTML파일을 받아와서 화면에 표시한다. 이 사이트를 만드신 분은 수많은 html파일을.. 더보기 [백준 10807번 문제] 개수 세기 문제 설명 문제 총 N개의 정수가 주어졌을 때, 정수 v가 몇 개인지 구하는 프로그램을 작성하시오. 입력 첫째 줄에 정수의 개수 N(1 ≤ N ≤ 100)이 주어진다. 둘째 줄에는 정수가 공백으로 구분되어져있다. 셋째 줄에는 찾으려고 하는 정수 v가 주어진다. 입력으로 주어지는 정수와 v는 -100보다 크거나 같으며, 100보다 작거나 같다. 출력 첫째 줄에 입력으로 주어진 N개의 정수 중에 v가 몇 개인지 출력한다. Java 코드 import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); // 정수의 개수 입력 받기 int N = s.. 더보기 이전 1 ··· 18 19 20 21 22 23 24 ··· 59 다음
