전체 글 검색 결과

121 개의 검색 결과가 있습니다.

웹 개발/Frontend

ISO 8601 시간대 변경하기

1. ISO 8601 이란? 2023-10-13T13:12:47.005Z 위와 같은 형식으로 생긴 날짜 형식. 사전적 정의로는 날짜와 시간과 관련된 데이터 교환을 다루는 국제 표본이다. 여기서 중요한건 국제 표본이라는 점인데, 그레고리력을 기준으로 시간을 저장하기 때문에, 사용자의 실제 시간과 다르다. 사용자의 위치에 따라 위 시간이 변화하는 것. DB에서 해당 형식으로 날짜를 넘겨주어서 맞게 정보를 변환해줄 일이 생겨서 알아보게 되었다. 2. 코드 export function convertISOToKoreaDate(iso){ const isoDate = new Date(iso); const year = isoDate.getFullYear(); const month = String(isoDate.getM..

2023. 10. 13. 23:03

웹 개발/Frontend

JS Async Await 의 이해

생활 코딩의 강의를 바탕으로 정리한 내용입니다. 1. Callback 함수란? Js에서는 변수에 값 외에도 함수가 들어갈 수 있다. (1급 시민이라는 비유가 재밌었다,) 따라서 함수는 함수를 인자로 받을수도 있고, 함수가 함수를 반환할수도 있다. Callback 함수란, 다른 함수의 인자로 입력되어서, 그 함수 내부에서 호출되어 사용되는 함수를 말한다. words = ["안녕하세요", "안녕", "반갑다"] function callback(element){ if(elemnt.length >= 3 ){ return true; } else{ return false; } } //배열에 딸린 함수 filter는 callback함수를 인자로 받는다. words.filter(callback); 예시로 위 함수를 c..

2023. 10. 10. 14:52

웹 개발/Backend

웹 로그인 여부에 대하여(Refresh 토큰과 Acess 토큰)

개발 중인 사이트에서 로그인 여부에 따라 기능 이용의 가능 불가능을 나누기 위해 개발 중에 공부하게 된 내용을 정리해보려고 한다. 아래는 참고한 블로그. https://velog.io/@ohzzi/Access-Token%EA%B3%BC-Refresh-Token%EC%9D%84-%EC%96%B4%EB%94%94%EC%97%90-%EC%A0%80%EC%9E%A5%ED%95%B4%EC%95%BC-%ED%95%A0%EA%B9%8C 백엔드 팀원이 Acess토큰과 Refresh토큰에 대해서 간단하게 설명해줬는데 프론트에서 토큰을 어떻게 관리할지에 대해서 생각하다가 정리하게 되었다 우리 사이트에서 인증 순서는 아래와 같다. 1. 유저가 아이디 비밀번호를 입력해서 서버에 Request를 보낸다. 2. 아이디 비밀번호가..

2023. 10. 5. 21:48

웹 개발/Frontend

이미지 슬라이드 UI 라이브러리 slick

문서 https://www.npmjs.com/package/react-slick react-slick React port of slick carousel. Latest version: 0.29.0, last published: a year ago. Start using react-slick in your project by running `npm i react-slick`. There are 1923 other projects in the npm registry using react-slick. www.npmjs.com https://react-slick.neostack.com/ Neostack The last react carousel you will ever need react-slick.neosta..

2023. 10. 2. 16:04

웹 개발/Frontend

settimeout 사용시 URL 이동 후에도 함수가 실행됨

A URL에서 settimeout으로 걸어 놓은 함수가 실행되기 전에, A외의 다른 URL로 이동하는 경우에도 settimeout 함수가 실행된다. 이때 A URL에 component들과 관련 있는 코드가 함수에 있는 경우 오류가 발생한다. 텍스트 게임 사이트 개발 중 발생한 오류의 원인이어서 메모한다.

2023. 9. 3. 17:56

텍스트 어드벤처 게임 프로젝트/Twine 분석(JS, TS)

BrowserRouter VS HashRouter

return ( //생략 } Twine에서 React-Router를 사용하는데 이 Router들을 감싸는 wrapper Component가 HashRouter였다. 지금 내가 따로 공부하는 React에서는 BrowserRoute 래퍼 컴포넌트를 사용한다. 따라서 두 컴포넌트 차이가 무엇인지 알아보게 되었다. 먼저 URL에서 #이 붙으면 웹서버의 관점에서 그 뒤는 주석과도 같다. HashRouter에서는 이 점을 적극 이용하여 #을 추가한 URL을 만들어낸다. 이로서 Browser가 URL을 관리하는 것이 아닌, JS코드로 URL을 관리하도록 만든다. 왜냐하면 JS는 #이후를 읽을 수 있기 때문에, #이후의 주소를 확인하고, 이에 따라 React컴포넌트 배치를 변경하여 마치 주소가 변경된 것과도 같은 착각..

2023. 8. 30. 15:20