# web
가끔 읽으면 좋은 읽기 목록
https://www.linkedin.com/pulse/what-happens-when-you-type-googlecom-any-other-url-buitrago-vargas(검색창에 Google.com 을 typing 했을 때 일어나는 일)
내 프로젝트에 어떤 렌더링 방식을 사용할까?(SSR, CSR, SSG)
각 렌더링 방식이 어떤 장점이 있고 단점이 있는지 비교하고, 어떤 상황에서 사용하면 좋을지 고민해본다.MPA서버 사이드 렌더링으로 보여줄 화면을 서버에서 HTML을 구성, 동적으로 조정할수 있는 JS파일도 함께 클라이언트로 보내줌서버에서 데이터를 미리 다 준비하기 때문
💻설치 및 html 파일 만들어보기(22.10.24 웹수업)
HTML - 화면 틀(웹 사이트 구조)CSS - 화면 꾸미기(웹 사이트 디자인)Javascript(jQuery) - 화면 제어(웹 사이트 동작)웹브라우저 : HTML, CSS, Javascript 실행하는 도구웹편집기(에디터) : 메모장, 노트패드++, 비주얼 스튜디오
[221205 TIL] JSP 웹 프로그래밍 및 html
학교에서 진행하고 있는 jsp를 이용한 웹 프로젝트를 개발했다. MVC 모델링을 사용해서 뷰와 컨트롤러 부분을 구현하는 중이고, 모델파트는 굳이 지금 필요하지 않을 것 같아서 보류중이다. 엄밀히 말하자면 어딘가 부족한 MVC 모델인 것 같다. 처음 MVC모델을 만들기위
[TIL] Next JS Link로 동적라우팅 사용할 때 props 전달하기
Next JS로 작업을 하던 중, Link 컴포넌트를 사용하여 동적 라우팅을 사용하게 되었는데,이 동적 라우팅을 통해 이동하게 될 페이지로 props를 넘겨 주어야 하는 상황이 발생하게 되었다.따라서 Next의 Link 컴포넌트, 동적라우팅, props에 대해 짧게나마
[Web] 웹서버? API 서버?
React - Express(node.js)간의 연결을 하려고 아둥바둥 거리던 찰나,현직자인 오빠가 아직 웹 서버와 API 서버에 대해 개념이 헷갈리는 거 같으니 다시 개념을공부해보라고 하여 찾아보았다.웹이란 HTML, CSS, JavaScript로 이루어진 것으로 이
[Web] 왜 웹은 javascript만 다룰까?
정답은 간단했다. 브라우저는 자바스크립트 엔진이 존재하기 때문에!그래서, 자바스크립트 언어의 본질을 살펴보기로 했다.웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어(원래 이름은 LiveScript였다고 한다👀)자바스크립트 엔진이 있는 모든 디바이스에서 동작
CORS (Cross Origin Resource Sharing)
한 사이트에서 주소가 다른 서버로부터 API로 정보를 받아오기 위해 프론트(브라우저)에서 HTTP 요청을 보냈을 때, 미리 CORS 설정을 해주지 않으면 SOP로 인해 브라우저가 받아올 정보를 막아버린다.이때, 이러한 문제를 해결해주는 것이 CORS이다.💡 SOP(S
[221204 TIL] EL과 JSP 프로그래밍
Expression Language는 JSP 프로그래밍을 하는 데 있어서 객체에 대한 접근과 그에 따른 데이터를 더 간편하게 다룰 수 있도록 하는 문법이다.하나의 표현 방법이라고 생각하면 된다. EL을 통해 자바객체와 Scope Object에 저장된 자바 빈 객체에 손
[221203 TIL] 정규표현식과 NLP
\_현재 개발하고 있는 졸업작품 프로젝트는 웹 사용자가 영어 글씨가 포함된 문서의 사진을 웹에 올리면 그 안의 영단어를 인식하여 품사와 뜻을 찾아 사용자에게 보여주고, 모르는 단어만 골라내어 단어 공부를 할 수 있도록 하는 프로젝트이다.\_프로젝트의 백엔드 기능을 구현
CORS(교차 출처 리소스 공유)
추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제웹 애플리케이션은 리소스가 자신의 출처(도메인, 프로토콜, 포트)와 다를 때 교차 출처 HTTP 요청을 실행한
[Web] 웹 페이지 성능 측정 지표
웹 페이지 성능 측정 지표 웹 개발자는 사용자에게 더 좋은 수준의 애플리케이션을 제공하기 위해 성능을 측정하고 최적화 작업을 진행합니다. 웹 성능을 측정하는 도구는 구글의 Lighthouse와 PageSpeed가 대표적이며 이 외에도 다양한 측정 사이트들이 존재합니다. 측정 도구에 따라 다양한 측정 지표가 존재하는데 이번 글에서는 가장 대표적인 측정 ...
작업이 오래 걸리는 서비스에 대해 어떻게 대응 할 것인가
팀 프로젝트 진행 중, 내가 맡은 서비스가 최장 5분까지 시간이 소요되는 일이 있었다.노션의 API를 호출해서 특정 사용자의 모든 데이터를 읽어오고, 이를 가공하기 위해 Fastapi 서버에 자연어 처리, 이미지 처리 등의 기능을 요청 한 후,DB에 저장하고생성된 ID
[Issue] Next에서 외부 이미지 가져오기
Next JS로 작업을 하던 중, 외부 이미지를 불러와 사용해야 할 일이 생겼다.늘상 하던대로 Next의 Image 컴포넌트의 src 값으로 내가 사용할 이미지의 url을 넣어주었다.그랬더니 다음과 같은 에러가 발생했다.에러 문구를 살펴 보니 다음과 같았다.On one
