💻개발

CORS란? : 다른 Origin으로 요청을 보내기 위해 지켜야 하는 정책

1. CORS가 뭐야?

Swagger 작성 가이드 : 예시와 함께 이해하는 API Swagger 작성 방법

0. swagger 확인할 수 있는 url 경로

SpringBoot

나는 프론트엔드 개발자를 지향했으나, 현재 투입된 프로젝트에서 백엔드를 다뤄볼 기회도 얻게 되어 스프링 부트를 사용한 자바 백엔드 개발도 같이 하고 있다. 처음 백엔드를 하다보니, 모르는 것이 너무 많다. 앞으로 차근차근 알아가 보자.

JPA

자바 백엔드 웹 기술의 역사

서블릿

백엔드에 대해서

처음 웹 개발 실무 프로젝트에 투입되고난 후, Nuxt.js(Vue.js) 프로젝트를 하고, 그 전후로 따로 프론트엔드 개발 공부도 계속 하면서 프론트엔드 개발은 어느정도 On-boarding 된 것 같다. (말 그대로 On-boarding 수준이다.) 백엔드는 잘 다뤄보...

MobX

오늘부터 새로운 프로젝트에 투입이 되었다. 사용하고 있는 기술 스택에 대해서 설명을 해주시는데, 다른 건 몰라도 mobX는 꼭 알아야한다고 하여 오늘의 주제로 정했다.

도커와 컨테이너

도커와 컨테이너가 말로만 무엇인지 대충 가상화라는 개념만 알고 있었는데, 이게 정확히 무엇을 뜻하는 걸까.

리액트의 Hook

나는 주로 함수형 컴포넌트를 사용하는데, 함수형 컴포넌트에서는 Life Cycle이 아닌 Hook을 사용한다고 하니 이를 알아보자.

리액트의 Life Cycle

회사 첫 웹 스택 프로젝트를 Nuxt.js로 했었는데, Life Cycle을 이용해서 웹 페이지를 사용자에게 띄우기 전에 데이터를 미리 받아와서 처리하고 그랬었다. React에는 어떤 Life Cycle이 있는 지 알아보자.

Babel과 JSX

회사 프로젝트에 투입되어 개발 환경을 세팅하면서 오류가 났었는데, babel 어쩌구 저쩌구 버전이 안 맞다는 오류가 발생했던 적이 있다. 이때 이 babel이라는 걸 처음 접하고 이게 뭔가 했는데, 그 babel에 대해서 파헤쳐보자.

MSA (Micro Service Achitecture)

회시에서 맨날 MSA MSA 하는데, 도대체 그 MSA가 뭔데? 해서 공부를 해보기로 했다.

시맨틱 웹 (Semantic Web)

시맨틱 웹이란? - Semantic Web. 의미 있는 웹. - 인덱싱 효율을 높여서 검색이 더 잘되도록 구성된 웹. 검색엔진이 웹페이지를 크롤링 할 때 이 웹페이지가 검색되기 위한 목차를 만드는 과정을 인덱싱이라고 한다. - [div, span, ...]과 같은 ...

홍스타그램 진척 상황 : 개인 프로필 완성

오늘까지의 홍스타그램 진척 상황에 대해 기록하고자 한다. 현재는 헤더에서 프로필 사진을 눌렀을 때 나오는 드롭다운 항목 중 하나인 프로필에 집중하고 있다. 개인 프로필에서 개인 게시물 출력, 게시물의 팝업창, 오른쪽 상단에 있는 ... 를 눌렀을 때 팝업되는 보조 메뉴 ...