본문 바로가기

전체 글410

[웹 기능 구현 ] 웹 사이트 배포하는 방법 Netlify 내가 만든 프로젝트, 포트폴리오 등을 깃에서 쉽게 그리고 무료로 웹 사이트로 배포할 수 있는 방법! Netlify의 장점 1. Github와 연동을 함으로써 이미 깃에 올려진 코드로 웹 사이트를 만들 수 있다. 2. 코드에 수정을 하더라도 깃에만 올려주면 Netlify는 자동으로 웹사이트를 업데이트한다. 3. 무료로 웹사이트를 배포할 수 있다. netlify Netlify: Develop & deploy the best web experiences in record time A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much m.. 2022. 2. 25.
[ 백준 9205 / Java ] 맥주 마시면서 걸어가기 https://www.acmicpc.net/problem/9205 9205번: 맥주 마시면서 걸어가기 송도에 사는 상근이와 친구들은 송도에서 열리는 펜타포트 락 페스티벌에 가려고 한다. 올해는 맥주를 마시면서 걸어가기로 했다. 출발은 상근이네 집에서 하고, 맥주 한 박스를 들고 출발한다. www.acmicpc.net 문제 송도에 사는 상근이와 친구들은 송도에서 열리는 펜타포트 락 페스티벌에 가려고 한다. 올해는 맥주를 마시면서 걸어가기로 했다. 출발은 상근이네 집에서 하고, 맥주 한 박스를 들고 출발한다. 맥주 한 박스에는 맥주가 20개 들어있다. 목이 마르면 안되기 때문에 50미터에 한 병씩 마시려고 한다. 즉, 50미터를 가려면 그 직전에 맥주 한 병을 마셔야 한다. 상근이의 집에서 페스티벌이 열리는.. 2022. 2. 23.
[ 백준 18352 / Java ] 특정 거리의 도시 찾기 https://www.acmicpc.net/problem/18352 18352번: 특정 거리의 도시 찾기 첫째 줄에 도시의 개수 N, 도로의 개수 M, 거리 정보 K, 출발 도시의 번호 X가 주어진다. (2 ≤ N ≤ 300,000, 1 ≤ M ≤ 1,000,000, 1 ≤ K ≤ 300,000, 1 ≤ X ≤ N) 둘째 줄부터 M개의 줄에 걸쳐서 두 개 www.acmicpc.net 문제 어떤 나라에는 1번부터 N번까지의 도시와 M개의 단방향 도로가 존재한다. 모든 도로의 거리는 1이다. 이때 특정한 도시 X로부터 출발하여 도달할 수 있는 모든 도시 중에서, 최단 거리가 정확히 K인 모든 도시들의 번호를 출력하는 프로그램을 작성하시오. 또한 출발 도시 X에서 출발 도시 X로 가는 최단 거리는 항상 0이라.. 2022. 2. 22.
[직무 면접 대비] 백앤드 질문 모음 1 1. OOP에 대해 설명해보세요.객체지향 프로그래밍이란 인간 중심적 프로그래밍 패러다임이라고 할 수 있습니다. 즉, 현실 세계를 프로그래밍으로 옮겨와 프로그래밍하는 것을 말합니다. 현실 세계의 사물들을 객체라고 보고 그 객체로부터 개발하고자 하는 애플리케이션에 필요한 특징들을 뽑아와 프로그래밍하는 것입니다. 대표적인 특징으로 추상화, 상속, 캡슐화, 다형성이 있습니다. 2. JVM의 구조에 대해 설명해보세요.프로그램이 실행되면 OS로부터 프로그램이 필요로 하는 메모리를 먼저 할당받습니다.그리고 자바 컴파일러를 통해 개발자가 작성한 코드(. java)를 바이트 코드(. class)로 변환합니다.다음 Class Loader에서 바이트 코드를 JVM에 로딩시킵니다.로딩된 바이트 코드를 exe.. 2022. 2. 21.
[ 백준 11060 / Java ] 점프 점프 https://www.acmicpc.net/problem/11060 11060번: 점프 점프 재환이가 1×N 크기의 미로에 갇혀있다. 미로는 1×1 크기의 칸으로 이루어져 있고, 각 칸에는 정수가 하나 쓰여 있다. i번째 칸에 쓰여 있는 수를 Ai라고 했을 때, 재환이는 Ai이하만큼 오른쪽으로 www.acmicpc.net 문제 재환이가 1×N 크기의 미로에 갇혀있다. 미로는 1×1 크기의 칸으로 이루어져 있고, 각 칸에는 정수가 하나 쓰여 있다. i번째 칸에 쓰여 있는 수를 Ai라고 했을 때, 재환이는 Ai이하만큼 오른쪽으로 떨어진 칸으로 한 번에 점프할 수 있다. 예를 들어, 3번째 칸에 쓰여 있는 수가 3이면, 재환이는 4, 5, 6번 칸 중 하나로 점프할 수 있다. 재환이는 지금 미로의 가장 왼쪽 .. 2022. 2. 19.
[ 백준 2178 / Java ] 미로 탐색 (Java) https://www.acmicpc.net/problem/2178 2178번: 미로 탐색 첫째 줄에 두 정수 N, M(2 ≤ N, M ≤ 100)이 주어진다. 다음 N개의 줄에는 M개의 정수로 미로가 주어진다. 각각의 수들은 붙어서 입력으로 주어진다. www.acmicpc.net 문제 N×M크기의 배열로 표현되는 미로가 있다. 1 0 1 1 1 1 1 0 1 0 1 0 1 0 1 0 1 1 1 1 1 0 1 1 미로에서 1은 이동할 수 있는 칸을 나타내고, 0은 이동할 수 없는 칸을 나타낸다. 이러한 미로가 주어졌을 때, (1, 1)에서 출발하여 (N, M)의 위치로 이동할 때 지나야 하는 최소의 칸 수를 구하는 프로그램을 작성하시오. 한 칸에서 다른 칸으로 이동할 때, 서로 인접한 칸으로만 이동할 수 .. 2022. 2. 18.
[직무 면접 대비] React 인터뷰 질문 1 1. React란?SPA (Single page application -단일 페이지)으로 사용자 인터페이스를 개발하는 데 사용되는 오픈 소스 JS 라이브러리입니다. 2. 리액트 만들고 시작하는 명령어는?npx create-react-app cd npm start 3. Virtual Dom이란?컴포넌트가 다시 렌더링 될 때, virtual Dom은 업데이트할 요소의 목록을 만들기 위해 기존의 DOM 모델에서 변경된 사항을 비교합니다.애플리케이션의 UI를 구성하는 HTML 엘리먼트를 메모리 내에서 구현한 것입니다. 4. JSX란?JavaScript XML의 약자로 HTML처럼 보이는 코드를 작성할 수 있게 해주는 자바스크립트 문법의 확장입니다. 5. Props.. 2022. 2. 17.
[React] React란? - 라우터 목차 React란? React-router-dom란? 리액트 라우터 (React Router) 경로 탐색자 (Route Matchers) 내비게이션 (Navigation) 왜 라우터를 쓰는가? 라우터 사용 방법 BrowserRouter 란 뭘까? Router 사용 예시 Redirect Switch 1. React란? React는 자바스크립트 라이브러리로써 SPA(Single Page Application)의 UI(User Interface)를 생성하는 라이브러리이다. 2. React-router-dom 리액트의 SPA (Single Page Application) 방식으로, 여러 개의 페이지를 새로운 페이지로 로드하지 않고 하나의 페이지 안에서 필요한 데이터만 불러와 렌더링 하여 보여준다. react-r.. 2022. 2. 15.
[직무 면접 대비] 웹 개발 직무 인터뷰 모음 1. 캐싱이란 무엇입니까?캐싱은 필요할 때 캐시 된 복사본을 사용할 수 있고 동일한 응답을 다시 생성 할 필요가 없도록 서버 응답이 저장되는 프로세스입니다. 이 프로세스는 서버로드를 줄일뿐만 아니라 서버의 확장 성과 성능을 향상시킵니다. 클라이언트 만 응답을 캐시 할 수 있으며 제한된 시간 동안도 캐시 할 수 있습니다. 2. REST와 RESTful이 무엇인지 설명해주세요.REST는 REpresentational State Transfer의 약자이며 웹 API를 작성합ㄴ니다. RESTful은 REST 아키텍쳐 개념을 적용하여 작성된 웹 서비스를 RESTful서비스라고 하며, 시스템 자원과 HTTP 프로토콜을 통해 자원 상태를 다른 언어로 작성된 다른 클라이언트로 전송하는 방법에 중점을 둡니다.. 2022. 2. 14.
728x90

티스토리툴바