프론트엔드/프론트엔드 이슈
-
프론트엔드에서 서버로 시간을 전송할때 주의할점프론트엔드/프론트엔드 이슈 2024. 6. 12. 18:57
* 프론트엔드에서 시간을 저장할때 주의할점* 서버에서는 로컬시간으로 변경해도 적용이 안되고, UTC시간으로만 저장된다.* 프론트엔드에서는 서버의 코드를 브라우저에 가져와서 실행하기 때문에, 프론트엔드에서 브라우저가 로컬 PC의 로컬시간을 조회해서 변경할 수 있다. * moment(date 문자열).format() 을 하면 로컬시간으로 변경할 수 있고, 이를 서버로 전송하면 몽고 DB 에는 UTC 시간으로 저장된다. 왜냐하면 DATE 객체이기 때문에 몽고 DB는 date 객체를 UTC로 저장한다. * 그냥 date 문자열은 17:00 이지만, format()을 사용하면 17:00+09:00 과 같이 로컬시간을 인식할 수 있는 힌트가 붙는다. 이를 서버로 전송하면 DB에 저장할때 17:00에서 9시간을 빼서..
-
컴포넌트 리렌더링과 state 상태 (.feat 클린업)프론트엔드/프론트엔드 이슈 2024. 5. 29. 16:47
컴포넌트가 리렌더링된다고 해서 state 값이 초기화되는 것이 아니다. 아래와 같은 상황을 생각해보자!import React, { useState, useEffect } from 'react'import './App.css'function App(){ const [weather, setWeather] = useState(null) const [reset, setReset] = useState(true) const handleClick = () => setReset(false) useEffect(() => { console.log("날씨") if(reset){ setWeather("맑음") } // return ()..
-
API 요청 함수프론트엔드/프론트엔드 이슈 2024. 5. 20. 15:14
async function connectData(url, method, data = null, token = null){ const dataJson = await fetch(url,{ headers:{ 'Content-Type':'application/json', 'Authorization': `${token? 'Bearer' + token : ''}`, }, method: method, body: data? data : null }) const result = await dataJson.json() return result }API 데이터 요청하는 유틸리티 함수입니다. utils 폴더 생성하고, api.js 파일에 작성..
-
바이너리 데이터를 base64 string 으로 변환해서 이미지 보여주기프론트엔드/프론트엔드 이슈 2023. 10. 23. 20:41
https://stackoverflow.com/questions/14915058/how-to-display-binary-data-as-image-extjs-4 How to display binary data as image - extjs 4 Here is the binary for a valid .JPEG image. http://pastebin.ca/raw/2314500 I have tried to use Python to save this binary data into an image. How can I convert this data to a viewable .JPEG image stackoverflow.com var img = document.createElement('img'); img.src ..