웹 개발자로의 한걸음

CORS (Cross-Origin Resource Sharing) 1. 교차 출처 리소스 공유 정책과 동일 출처 정책 CORS (Cross-Origin Resource Sharing, 교차 출처 리소스 공유)는 웹페이지가 다른 도메인의 리소스를 요청할 수 있게 하는 체제이다. 웹 애플리케이션은 리소스가 자신의 출처 (도메인, 프로토콜, 포트)와 다를 때 교차 출처 HTTP 요청을 실행하게 된다. CORS 요청은, 트랜잭션 메시지의 추가 HTTP 헤더를 통해 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 것이다.[1] 기본적으로 웹 브라우저는 보안 상의 이유로 클라이언트가 클라이언트의 URL과 동일한 오리진의 리소스로만 요청을 보낼..

Next.js 프로젝트를 생성하고 강의 지침을 따른 뒤 실행했다. 그러나 위와 같은 에러가 발생했다. 터미널에 가 보니 이런 오류가 떠 있었다. 검색해 보니 스택오버플로우에 나와 같은 오류를 접한 사람이 있었다. Next.js 13 Error: Byte Index Out of Bounds on 'npm run dev' To install Next.js 13.4.12, I am using the command npx create-next-app@13.4.12. Everything works fine and all the dependencies are installed with no problems. However as soon as I run the server np... stackoverflow.com ..

스프링 입문 강의를 들으면 강사님이 인텔리제이 단축키를 소개해 주신다. 강사님이 맥 기준으로 말씀하시는 것을 자막이 윈도우 기반으로 다시 알려주는데 자막이 듣도보도못한 기호를 쓰길래 헷갈려서 정리해 본다. ^ : Ctrl : Alt : Shift 대부분의 키보드에는 해당 키들이 Ctrl, Alt, Shift로 표기되어 있으니 위와 같은 아이콘 표기법은 꽤나 일반적이지 않다고 여겨진다. 왜 굳이 널리 쓰이지 않는 표기법을 썼을까? 혹시나 해서 애플 키보드를 찾아봤더니 아니나 다를까. 저 생소한 기호들은 애플 키보드에서 기인한 것으로 보인다....... 윈도우 사용자한테 알려주는 목적인데 왜 이 기호들을 썼을까...????????

[02. 회원 도메인과 리포지토리 만들기] MemberRepository 인터페이스를 상속받은 클래스이다. 간단한 테스트를 위해 ID는 자동 증가하는 숫자로 설정한다. package hello.hellospring.repository; import hello.hellospring.domain.Member; import java.util.*; public class MemoryMemberRepository implements MemberRepository { private static Map store = new HashMap(); private static long sequence = 0L; @Override public Member save(Member member) { member.setId(++se..

[01 정적 컨텐츠] 정적 컨텐츠: 파일을 웹 브라우저에 그대로 전달/표시하는 것 컨트롤러를 먼저 찾고 없으면 html을 찾는다. [02 MVC와 템플릿 엔진] 템플릿 엔진: html 파일을 서버에서 프로그래밍해서 동적으로 바꿔서 내보내는 것. JSP, PHP 등이 속한다. MVC: 효율적인 설계를 위해 모델, 뷰 (템플릿 엔진), 컨트롤러로 역할을 나누는 패턴이다. 우클릭>Copy Path>Absoluth Path를 브라우저에 붙여넣으면, 템플릿 엔진으로 동작하기 전의 파일을 확인할 수 있다. get 방식으로 name 변수의 값을 지정해 주었고, html 파일에 입력한 바와 같이 name 변수의 값이 잘 표시되어 나왔다. 이것은 다음 그림과 같은 메커니즘을 거쳐서, 템플릿 엔진이 동적으로 html 파일..

[01 프로젝트 생성] 원래 이클립스, JDK 20을 쓰지만 강의 수강을 위해 IntelliJ, JDK 11을 설치했다. https://start.spring.io/ 최대한 강의 환경과 비슷하게 선택했다. 프로젝트를 열었을 때, 내 경우엔 처음에 이런 오류가 떴다. 강의 중 강사님이 "기본 설치에 9분이 걸린다" 고 하는데, 뭔가 설치되는 기미가 안 보이면 오류가 있는 것이다. Caused by: BUG! exception in phase 'semantic analysis' in source unit '_BuildScript_' Unsupported class file major version 64 at org.gradle.groovy.scripts.internal.DefaultScriptCompilat..