전체 글

[백준] 2573 - 빙산 (자바 Java)

[Gold IV] 빙산 - 2573 문제 링크 성능 요약 메모리: 193124 KB, 시간: 1308 ms 분류 너비 우선 탐색(bfs), 깊이 우선 탐색(dfs), 그래프 이론(graphs), 그래프 탐색(graph_traversal), 구현(implementation) 문제 설명 지구 온난화로 인하여 북극의 빙산이 녹고 있다. 빙산을 그림 1과 같이 2차원 배열에 표시한다고 하자. 빙산의 각 부분별 높이 정보는 배열의 각 칸에 양의 정수로 저장된다. 빙산 이외의 바다에 해당되는 칸에는 0이 저장된다. 그림 1에서 빈칸은 모두 0으로 채워져 있다고 생각한다. 2 4 5 3 3 2 5 2 7 6 2 4 그림 1. 행의 개수가 5이고 열의 개수가 7인 2차원 배열에 저장된 빙산의 높이 정보 빙산의 높이는 ..

[Vue.js] vue 이미지 src 동적 연결 (v-bind)

vue 이미지 변수로 연결하기 vue에서 프로젝트 폴더 assets에 있는 이미지를 가져올 때, 해당 변수명을 v-bind로 동적으로 설정하면 경로를 제대로 설정해도 읽어오지 못하는 문제가 발생한다. 이때는 src를 정적인 값으로 설정하거나, require를 활용하여 동적인 값을 읽어올 수 있도록 해야 한다

[Vue.js] .env .local 값을 못 읽을 때 (403 error)

1118 api key .env .local AxiosError: Request failed with status code 403\n at settle (webpack-internal:///./node_modules/axios/lib/core/settle.js:24:12)\n at XMLHttpRequest.onloadend (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:103:66) env local에 api key값을 넣고, 서버를 껐다가 다시 켰는데도 api key값을 읽지 못하는 문제가 발생했다. https://github.com/vuejs/vue-cli/issues/767 Env variables don't seem to load ..

[intellij/spring] 인텔리제이 spring boot annotation "Cannot read symbol"

git에서 clone한 후에 자바 버전이 스프링부트와 맞지 않아서 자바 버전을 다시 설정했음에도 스프링 부트의 annotation들을 읽지 못하는 문제가 발생했다. 1. file → invalidate caches → restart 2. java 버전 다시 설정 3. intellij 업데이트 순서대로 해봤더니 인텔리제이 버전을 업데이트하니까 해결되었다. intellij의 시스템 폴더도 삭제해보고, maven update도 해봤는데 인텔리제이 버전 문제였던 것 같다!

[HTTP 웹 기본지식] 8. HTTP 헤더 - 캐시와 조건부 요청

8. HTTP 헤더2 - 캐시와 조건부 요청 캐시 기본 동작 캐시가 없을 때 데이터가 변경되지 않아도 계속 네트워크를 통해서 데이터를 다운로드받아야 한다 인터넷 네트워크는 매우 느리고 비싸다 브라우저 로딩 속도가 느리다 느린 사용자 경험 캐시 적용 cache-control: max-age=60 (캐시가 유효한 시간(초)) 같은 요청이 들어오면 캐시 유효 시간 검증 → 캐시에서 데이터를 읽어 온다 캐시 덕분에 캐시 가능 시간동안 네트워크를 사용하지 않아도 된다 비싼 네트워크 사용량을 줄일 수 있다 브라우저 로딩 속도가 매우 빠르다 빠른 사용자 경험 캐시 유효 시간 검증 → 캐시 시간 초과 → 다시 요청, 서버에서 star.jpg 응답 캐시 시간 초과 캐시 유효 시간이 초과하면 서버를 통해 데이터를 다시 조..

[HTTP 웹 기본지식] 7. HTTP 헤더 - 일반 헤더

7. HTTP 헤더 - 일반헤더 HTTP 헤더 개요 header-field = field-name “:” OWS field-value OWS file-name은 대소문자 구분이 없음 용도 HTTP 전송에 필요한 모든 부가정보 예) 메시지 바디의 내용, 메시지 바디의 크기, 압축, 인증, 요청 클라이언트, 서버 정보, 캐시 관리 정보.. 표준 헤더가 너무 많음 필요시 임의의 헤더 추가 가능 분류 - RFC2616 (과거) General 헤더: 메시지 전체에 적용되는 정보, 예)Connection: close Request 헤더: 요청 정보, 예) User-Agent: Mozilla/5.0 Response 헤더: 응답 정보, 예) Server: Apache Entity 헤더: 엔티티 바디 정보, 예) Con..

[HTTP 웹 기본지식] 6. HTTP 상태코드

6. HTTP 상태코드 HTTP 상태코드 소개 상태코드: 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능 1xx (Informational): 요청이 수신되어 처리중 2xx (Successful): 요청 정상 처리 3xx (Redirection): 요청을 완료하려면 추가 행동이 필요 4xx (Client Error): 클라이언트 오류, 잘못된 문법 등으로 서버가 요청을 수행할 수 없음 5xx (Server Error): 서버 오류, 서버가 정상 요청을 처리하지 못함 모르는 상태 코드가 나타나면? 클라이언트는 상위 상태코드로 해석해서 처리 → 미래에 새로운 상태 코드가 추가되어도 클라이언트를 변경하지 않아도 됨 2xx - 성공 클라이언트의 요청을 성공적으로 처리 200 OK 요청 성공 201 ..

[HTTP 웹 기본지식] 5. HTTP 메서드 활용

클라이언트에서 서버로 데이터 전송 데이터 전달 방식 쿼리 파라미터를 통한 데이터 전송 GET 주로 정렬 필터(검색어) 메시지 바디를 통한 데이터 전송 POST, PUT, PATCH 회원 가입, 상품 주문, 리소스 등록, 리소스 변경 4가지 상황 정적 데이터 조회 쿼리 파라미터 미사용 이미지, 정적 텍스트 문서 조회는 GET 사용 정적 데이터는 일반적으로 쿼리 파라미터 없이 리소스 경로로 단순하게 조회 가능 동적 데이터 조회 쿼리 파라미터 사용 ex. https://www.google.com/search?q=hello&hl=ko 쿼리 파라미터를 기반으로 정렬 필터해서 결과를 동적으로 생성 주로 검색, 게시판 목록에서 정렬 필터 (검색어) 조회 조건을 줄여주는 필터, 조회 결과를 정렬하는 정렬 조건에 주로 ..

[HTTP 웹 기본지식] 4. HTTP 메서드

4. HTTP 메서드 HTTP API를 만들어보자 API URI 고민 URI(Uniform Resource Identifier) 리소스의 의미? 회원을 등록, 수정, 조회하는 게 리소스가 아님 ex) 미네랄을 캐라 → 미네랄이 리소스 회원이라는 개념 자체가 리소스 리소스는 어떻게 식별? 회원을 등록 수정 조회 → 모두 배제 “회원”이라는 리소스만 식별 → 회원 리소스를 URI에 매핑 리소스와 행위를 분리 가장 중요한 것은 리소스를 식별하는 것 URI는 리소스만 식별 리소스와 해당 리소스를 대상으로 하는 행위를 분리 리소스: 회원 행위: 조회, 등록, 삭제, 변경 리소스는 명사, 행위는 동사 행위(메서드)는 어떻게 구분? HTTP 메서드 - GET, POST 주요 메서드 GET: 리소스 조회 POST: 요..

[HTTP 웹 기본지식] 3. HTTP 기본

3. HTTP 기본 HyperText Transfer Protocol HTTP 메시지에 모든 것을 전송 HTML, TEXT IMAGE, 음성, 영상, 파일 JSON, XML (API) 거의 모든 형태의 데이터 전송 가능 서버간에 데이터를 주고 받을때도 대부분 HTTP 사용 HTTP 1.1 : 1997년, 가장 많이 사용, 우리에게 가장 중요 HTTP 1.1, 2 : TCP 기반, HTTP3: UDP 기반 http 특징 클라이언트 서버 구조 무상태 프로토콜(스테이트리스), 비연결성 HTTP 메시지 단순함, 확장 가능 클라이언트 서버 구조 Request Response 구조 클라이언트는 서버에 요청을 보내고 응답을 대기 서버가 요청에 대한 결과를 만들어서 응답 클라이언트와 서버를 개념적으로 분리 비즈니스 로..