🚚

동기, 비동기

생성일

2022/11/07 07:29

태그

최종 편집 일시

2022/11/15 15:03

•

동기 방식은 서버에서 요청을 보냈을 때 , 응답이 돌아오기를 기다림.

•

비동기 방식은 반대로 요청을 보냈을 때, 응답 상태와 상관없이 다음 동작을 수행 할 수 있음.

같은 태그의 다른 글 보기

갤러리 보기

Search

프론트 엔드

Input 태그의 multiple 옵션으로 여러 파일을 업로드 할 수 있게 하고 정해진 파일 갯수가 초과되면 파일을 최기화 시키고 alert 메시지 출력.

같은 태그의 다른 글 보기

[NextJS/React] 파일 업로드 리셋 시키기

public/uploads 경로로 파일을 업로드 후 다운로드 받기 위해 아래와 같은 코드를 작성 하였다.

문제는 파일 경로였는데, 상대 경로를 사용하니, 파일 없음 - 실패 메시지가 발생했다.

그렇다고 절대 경로를 사용하자니, 2가지 정도가 걸렸다.

첫째로, 로컬에 저장 하는 것이라 추후에 코드 수정, 배포 할 때 문제가 될 것이라고 생각했다. 예를 들어 윈도우 환경에서 절대 경로인데, 리눅스 환경에서 배포 한다면, 파일 경로 수정은 필수였다.

NextJS 파일 다운로드

프로젝트를 진행하면서 당황했다.

당연히 알고 있다고 생각했던 get과 post가 생각보다 직접 쓰려고 하니 헷갈린다.

그래서 정리한다.

get이든 post 방식이든 둘 다 브라우저가 서버에 요청을 하는 것이다.

HTTP GET, POST 차이

동기 방식은 서버에서 요청을 보냈을 때 , 응답이 돌아오기를 기다림.

비동기 방식은 반대로 요청을 보냈을 때, 응답 상태와 상관없이 다음 동작을 수행 할 수 있음.

같은 태그의 다른 글 보기

동기, 비동기

NextJS 동적 이미지 사용 문제

현장 실습 프로젝트가 거의 막바지 단계라 기존의 yarn dev로 실행시키던 프로젝트를 build 후, 실행시켰다.

dev에서 보이지 않던 문제가 발견됬다. 이미지 로드 문제였다.

현재 프로젝트는 사용자가 이미지를 추가하면 아래와 같은 프로세스를 거친다.

사용자가 이미지 추가 ⇒ multer를 이용해 public 폴더 아래에 이미지 이름에 time stamp 찍어서 이미지 저장 ⇒ 이미지 이름만 db에 저장 ⇒ db에 저장한 이름을 가져와 public에서 찾아서 화면에 뿌림

[NextJS] public 폴더 동적 이미지 사용

미디움 닷컴 글들을 둘러보다가 재밌는 것이 있어서 기록해둔다.

console.~ 의 여러가지 사용법에 관련된 내용인데, 최소한 나는 이렇게 써본적이 없다.

앞으로 개발 할 때 편리할 것 같아서 기록해두고 나중에 써먹어야겠다.

1. console.log();

보통 흔하게 위와같이 사용하는 것 같다.

[JavaScript] console의 다양한 사용법/ console.log(”이렇게도 쓸수 있다고?”);