본문 바로가기

분류 전체보기

 (265)
[SCSS] css가 다른 폴더로 컴파일 되는 것에 대한 오류해결(savePath) live sass compiler 라이브러리를 통해 VSCode오른쪽 아래 Watching... 버튼을 누르면 SCSS 파일이 CSS로 컴파일되어 생긴다. 그런데 SCSS를 작성중인 해당 폴더에 생기지 않고 계속해서 작성 폴더의 상위 폴더로 CSS파일이 생겼다.😢 이를 해결하고자 검색중 세팅파일에서 savePath를 변경하면 된다는 글을 발견하여, 시도했지만 계속 오류가 났다. 처음 시도했던 방법 Sass에 대해서 알아보자!(p.s. 셋팅/컴파일/포맷/경로설정) Sass 슬슬 파헤쳐볼까 (feat. map파일) velog.io 1. ctrl + , 단축키를 눌러 VSCode의 설정으로 가준다. 2. 설정 검색란에 json이라고 치고 settings.json에서 편집으로 들어가 준다. 3.여기서 아래와 같..
[React] day.js 사용법 (날짜, 시간 라이브러리) Moment.js가 많이 보여서 사용하려했는데 개발중단이 되었다 하여 Day.js를 사용하였다.(경량화에서도 우수) https://www.npmjs.com/package/dayjs dayjs 2KB immutable date time library alternative to Moment.js with the same modern API . Latest version: 1.11.7, last published: 3 months ago. Start using dayjs in your project by running `npm i dayjs`. There are 10529 other projects in the npm registry using d www.npmjs.com 사용방법은 아래 블로그) https:..
[TS] 중복된 함수입니다. 오류 파일이 다른데 같은 함수명을 쓸 경우 중복된 함수라는 오류가 발생했다. 이는 터미널에 아래를 통해서 해결할 수 있다. tsc --init을 통해 tsconfig.json이라는 파일이 생기는데 이 이후로는 오류메시지가 뜨지 않는다 tsc --init
[JavaScript] switch 와 return 아래 형식은 switch 를 사용하는 기본형. switch(변수){ case 값1: 실행문1; break; case 값2: 실행문2; break; case 값3: 실행문3; break; .... default: 실행문; } 물론 .. case 여러개가 동일 실행문을 타는 수도 있어서 아래 케이스 가능. switch(변수){ case 값1: case 값2: 실행문1; break; case 값3: 실행문2; break; .... default: 실행문; } 그리고, 자바스크립트는 변수에 대한 type 구분이 흐릿(?)해서 값 부분에 true/false, 숫자, 문자, 문자열 등도 가능. switch(변수){ case '문자열1': 실행문1; break; case '문자열2': 실행문1; break; case..
[React] JS/ 타임스탬프(Date) 날짜 파싱하기(유닉스타임=타임스탬프 를 현재시간으로 변환) 서버의 시간(feat. 타임스탬프) 타임스탬프(TimeStamp) IT와 관련된 공부를 진행하다 보면 타임 스탬프라는 단어를 접할 수 있다. 그대로 직역하면 시간 도장 이라는 의미인데 말 그대로 특정한 시점에 도장을 찍는다고 보면 될 것 같다. IT 에서는 일이 발생해서 컴퓨터에 기록된 시간을 의미하는데, 주로 어떤 일이 발생한 시간을 비교하거나 두 작업 사이에 어느정도의 시간이 경과되었는지를 알아내기 위해 사용한다. GMT와 UTC (사람이 정의하는 시간) 타임스탬프를 알기 위해서는 GMT와 UTC라는 용어를 알 필요가 있다. 1. GMT(Greenwich Mean Time) 그리니치 표준시 GMT란 그리니치 천문대(영국)에서 측정한 평균태양시를 의미한다. GMT +0900(한국표준시)=> GMT기준으..
[API] POST: GET, POST 시 Parmas? Body? GET 할 때는 Params 에 보낸다. POST 에서는 BODY에 보낸다. (Delete, Put도) * form -data 는 첨부파일이 있을 경우에 사용한다. (ex. 프로필 이미지 변경시) * x-www-form-urlencoded는 첨부파일 없이 그냥 사용할 때 이용한다.(지금방식은 이걸 사용함) + 참고 Responese Headers 는 응답받는것 , Request Headers는 보내는 것(요청)
[React] 소셜로그인-FaceBook2 (code,accessToken얻기) SDK 사용하지 않고 직접 페이스북에서 code, accessToken을 얻고 싶었다. 아래 두 사이트를 참고하여 코드를 작성했다. 페이스북은 정보가 너무 없어서 찾느라 고생했다.😵 https://developers.facebook.com/docs/facebook-login/guides/advanced/manual-flow 로그인 플로 직접 빌드 - Facebook 로그인 - 문서 - Meta for Developers 사용자 로그인 유도 사용자가 앱에 로그인하지 않았거나 Facebook에 로그인하지 않은 경우 로그인 대화 상자를 사용하여 앱과 Facebook에 모두 로그인하도록 메시지를 표시할 수 있습니다. Facebook에 developers.facebook.com https://teserre.tis..
[React] 소셜로그인 - 네이버2 (SDK) code, token을 얻고 싶었음) 해결방안은 아래 공식문서 node.js https://developers.naver.com/docs/login/api/api.md 네이버 로그인 API 명세 - LOGIN 네이버 로그인 API 명세 네이버 로그인 API는 네이버 로그인 인증 요청 API, 접근 토큰 발급/갱신/삭제 요청API로 구성되어 있습니다. 네이버 로그인 인증 요청 API는 여러분의 웹 또는 앱에 네이버 developers.naver.com URL 설정 export const NAVER_AUTH_URL = `https://nid.naver.com/oauth2.0/authorize?response_type=code&client_id=${NAVER_CLIENT_ID}&redirect_uri=${NA..

티스토리툴바