# web

4117개의 포스트

가끔 읽으면 좋은 읽기 목록

https://www.linkedin.com/pulse/what-happens-when-you-type-googlecom-any-other-url-buitrago-vargas(검색창에 Google.com 을 typing 했을 때 일어나는 일)

약 4시간 전
·
0개의 댓글
·

내 프로젝트에 어떤 렌더링 방식을 사용할까?(SSR, CSR, SSG)

각 렌더링 방식이 어떤 장점이 있고 단점이 있는지 비교하고, 어떤 상황에서 사용하면 좋을지 고민해본다.MPA서버 사이드 렌더링으로 보여줄 화면을 서버에서 HTML을 구성, 동적으로 조정할수 있는 JS파일도 함께 클라이언트로 보내줌서버에서 데이터를 미리 다 준비하기 때문

약 8시간 전
·
0개의 댓글
·
post-thumbnail

💻설치 및 html 파일 만들어보기(22.10.24 웹수업)

HTML - 화면 틀(웹 사이트 구조)CSS - 화면 꾸미기(웹 사이트 디자인)Javascript(jQuery) - 화면 제어(웹 사이트 동작)웹브라우저 : HTML, CSS, Javascript 실행하는 도구웹편집기(에디터) : 메모장, 노트패드++, 비주얼 스튜디오

약 20시간 전
·
0개의 댓글
·

[221205 TIL] JSP 웹 프로그래밍 및 html

학교에서 진행하고 있는 jsp를 이용한 웹 프로젝트를 개발했다. MVC 모델링을 사용해서 뷰와 컨트롤러 부분을 구현하는 중이고, 모델파트는 굳이 지금 필요하지 않을 것 같아서 보류중이다. 엄밀히 말하자면 어딘가 부족한 MVC 모델인 것 같다. 처음 MVC모델을 만들기위

약 20시간 전
·
0개의 댓글
·
post-thumbnail

[TIL] Next JS Link로 동적라우팅 사용할 때 props 전달하기

Next JS로 작업을 하던 중, Link 컴포넌트를 사용하여 동적 라우팅을 사용하게 되었는데,이 동적 라우팅을 통해 이동하게 될 페이지로 props를 넘겨 주어야 하는 상황이 발생하게 되었다.따라서 Next의 Link 컴포넌트, 동적라우팅, props에 대해 짧게나마

약 20시간 전
·
1개의 댓글
·

[Web] 웹서버? API 서버?

React - Express(node.js)간의 연결을 하려고 아둥바둥 거리던 찰나,현직자인 오빠가 아직 웹 서버와 API 서버에 대해 개념이 헷갈리는 거 같으니 다시 개념을공부해보라고 하여 찾아보았다.웹이란 HTML, CSS, JavaScript로 이루어진 것으로 이

약 24시간 전
·
0개의 댓글
·

www.naver.com을 주소창에 쳤을 때 발생하는 일

위과정을 FE 관점과 BE 관점에서 생각해보기

어제
·
0개의 댓글
·

웹 정리 해보기 💭

FE 닉아뭔데

어제
·
0개의 댓글
·
post-thumbnail

#11. DTO

11/24_웹프레임워크

어제
·
0개의 댓글
·
post-thumbnail

#10. Naver Service

11/17_웹프레임워크

어제
·
0개의 댓글
·
post-thumbnail

[Web] 왜 웹은 javascript만 다룰까?

정답은 간단했다. 브라우저는 자바스크립트 엔진이 존재하기 때문에!그래서, 자바스크립트 언어의 본질을 살펴보기로 했다.웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어(원래 이름은 LiveScript였다고 한다👀)자바스크립트 엔진이 있는 모든 디바이스에서 동작

어제
·
0개의 댓글
·
post-thumbnail

[WEB] 카카오 검색 API 활용(+jQuery,Ajax)

조코딩 참고

1일 전
·
0개의 댓글
·

CORS (Cross Origin Resource Sharing)

한 사이트에서 주소가 다른 서버로부터 API로 정보를 받아오기 위해 프론트(브라우저)에서 HTTP 요청을 보냈을 때, 미리 CORS 설정을 해주지 않으면 SOP로 인해 브라우저가 받아올 정보를 막아버린다.이때, 이러한 문제를 해결해주는 것이 CORS이다.💡 SOP(S

2일 전
·
0개의 댓글
·

[221204 TIL] EL과 JSP 프로그래밍

Expression Language는 JSP 프로그래밍을 하는 데 있어서 객체에 대한 접근과 그에 따른 데이터를 더 간편하게 다룰 수 있도록 하는 문법이다.하나의 표현 방법이라고 생각하면 된다. EL을 통해 자바객체와 Scope Object에 저장된 자바 빈 객체에 손

2일 전
·
0개의 댓글
·

[221203 TIL] 정규표현식과 NLP

\_현재 개발하고 있는 졸업작품 프로젝트는 웹 사용자가 영어 글씨가 포함된 문서의 사진을 웹에 올리면 그 안의 영단어를 인식하여 품사와 뜻을 찾아 사용자에게 보여주고, 모르는 단어만 골라내어 단어 공부를 할 수 있도록 하는 프로젝트이다.\_프로젝트의 백엔드 기능을 구현

3일 전
·
0개의 댓글
·

CORS(교차 출처 리소스 공유)

추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제웹 애플리케이션은 리소스가 자신의 출처(도메인, 프로토콜, 포트)와 다를 때 교차 출처 HTTP 요청을 실행한

3일 전
·
0개의 댓글
·

[Web] 웹 페이지 성능 측정 지표

웹 페이지 성능 측정 지표 웹 개발자는 사용자에게 더 좋은 수준의 애플리케이션을 제공하기 위해 성능을 측정하고 최적화 작업을 진행합니다. 웹 성능을 측정하는 도구는 구글의 Lighthouse와 PageSpeed가 대표적이며 이 외에도 다양한 측정 사이트들이 존재합니다. 측정 도구에 따라 다양한 측정 지표가 존재하는데 이번 글에서는 가장 대표적인 측정 ...

3일 전
·
0개의 댓글
·
post-thumbnail

 작업이 오래 걸리는 서비스에 대해 어떻게 대응 할 것인가

팀 프로젝트 진행 중, 내가 맡은 서비스가 최장 5분까지 시간이 소요되는 일이 있었다.노션의 API를 호출해서 특정 사용자의 모든 데이터를 읽어오고, 이를 가공하기 위해 Fastapi 서버에 자연어 처리, 이미지 처리 등의 기능을 요청 한 후,DB에 저장하고생성된 ID

4일 전
·
0개의 댓글
·
post-thumbnail

[Issue] Next에서 외부 이미지 가져오기

Next JS로 작업을 하던 중, 외부 이미지를 불러와 사용해야 할 일이 생겼다.늘상 하던대로 Next의 Image 컴포넌트의 src 값으로 내가 사용할 이미지의 url을 넣어주었다.그랬더니 다음과 같은 에러가 발생했다.에러 문구를 살펴 보니 다음과 같았다.On one

4일 전
·
1개의 댓글
·

Day 28

221201 목요일

4일 전
·
0개의 댓글
·