UX·UI - FrontEnd Dev. Story

API 3

[NextJS] Redirect & Rewrite - 넥스트 경로 리다이렉트 설정방법

노마드 Next JS 강의 듣다가 API KEY 비공개 처리 방식 부분을 듣고있었는데, Redirect 세팅 방법에 대해 배게 되면서 메모해놓기로 마음 먹었다. Redirect VS Rewrite - Redirect는 세팅한 경로에 맞게 변경되고 도메인에 표시되어 클라이언트가 확인 가능 - Rewrite는 세팅한 경로에 맞게 변경되지만 도메인에 표시가 되어있지않아 클라이언트가 확인 불가능 1. Redirect 1_ next.config.js next.config.js 파일을 오픈한다. 2_ Redifrect 설정 - next.config.js //1) test1 경로 들어가면 네이버로 이동 async redirects() { return [ { source: "/test1", destination: "h..

카테고리 없음 2024.03.27

포스트맨 사용해서 post 보내는 방법 How to send POST request API in Postman.

포스트맨으로 GET으로 데이터 불러오는건 많이 해봤는데 POST 보내는건 안해봐서 매번 헷갈려서 정리한 포스팅. POST 사용하여 데이터 넘겨보기 1. POST로 설정 2. 하위 탭에서 'Body' 클릭 3. 그 하위 라디오버튼 리스트에서 'raw' 선택 4. 그럼 아래에 데이터 적을 수 있는 영역에 입력 5. 'send' 눌러서 데이터 보내기 ※ 데이터 넘길때 필수로 들어가야하는 key 값인지 체크해보기 GET에서 데이터 들어갔는지 확인해보기!

프론트엔드 2024.02.15

프론트앤드가 알아야 할 용어들 :: 라이브러리 / 프레임워크 / API / UI / UX

핵심 용어 용어 설명 프레임 워크 (Framework) 프레임 제공, 사용자가 동시에 하나 이상의 프로그램 모듈을 사용 할 수 있도록 함. 필요한 기능이 이미 만들어져 있어 틀을 이용해서 컴퍼넌트를 만들어서 완성하는 것. 단점 틀에서 벗어나기 어렵다. 단 하나의 프레임 웍만 사용가능하고 다른거 / 라이브러리랑 충돌. 무겁게 느껴질 수 있다. 라이브러리 (Library) 자주 사용되는 필요한 부분을 프로그램으로 모아놓고 가져와서 사용할 수 있게 한 것. 충돌이 없다. API 미리 만들어놓은 라이브러리를 가져와서 쓰는 기능. UI (User Imterface) 사용자 위주의 인터페이스. UX (User Experience) 사용자 경험의 인터페이스. :: 자바스크립트랑 제이쿼리의 차이가 뭐냐고? 우연히 본 ..

반응형