분류 전체보기

CORS란 cross-origin-resource-sharing의 약자. 직역해보면 서로 다른 도메인간의 자원을 공유하는것을 의미한다. 브라우저가 CORS에러를 내뿜는것은 서로 도메인이 다른데? 이거 너네 공유 안됨. 이라고 판단하고 에러를 내뱉는 것이다 브라우저는 보안때문에 도메인/포트번호/프로토콜 하나라도 다를경우 다른 교차 출처(cross-origin)이라고 판단을 하고 cross-origin-HTTP 요청을 제한하는것. 어떻게 브라우저가 에러를 내뱉는 것일까 CORS는 브라우저에서 보안을 이유로 사용자들을 보호하기 위해 만든 정책이다. 이 정책이 없다면 누구나 요청이 가능해지기 때문에 사이트들을 똑같이 만들어 사용자의 로그인을 유도해 정보를 추출해 갈 수 있다. 이로 인해 CORS 정책을 도입했고..

지금 마음 회고할 곳이 필요해서,,팀프로젝트 4주차 후기를 쓴다,,😭 1주차가 기획단계 2~4주차가 개발 프로세스 기간이다,, 4주차 쯤이면 백엔드와 프론트엔드 연동이 활발하게 이루어져야 하는 기간인데 백엔드에서 배포가 늦어져 아직 목데이터로 프론트 개발중이다..... 6주차쯤 데모데이를 한다는데 완성이 가능할런지 너무나 걱정이된다. 왜냐,,로그인/채팅/알림/회원/로그인 유지 등 서버와의 연결이 활발하게 이루어져야 되는 작업들이 남아있기 때문,, 나는 JWT로 로그인 구현해본적이 없을 뿐더러 채팅, 알림도 처음 구현해보는거라,, 구현이 완성이 잘 될지 걱정이다,, 일단 로그인이나 채팅 같은경우 로직을 짜놓긴 했는데,, 실제 서버에서 토큰이 올경우 분명 에러가 생길거라고 확신하기 때문에,,(왜냐하면 처음이..

parallel route에 대해서 next.js 13부터 parallel route(병렬 라우팅) 기능이 생겼다. 이것이 뭐냐?? 말 그래도 병렬적으로 라우팅 한다는것!!! 한 레이아웃에서 여러 페이지를 병렬적으로 렌더링 할 수 있다는 것이다. next.js에서 제공한 이미지를 보면 layout.js라는 한 레이아웃에서 team 페이지와 analytics페이지를 병렬적으로 렌더링 하고 있다. 그러니까 한페이지에 team과 analtics가 개별적으로 렌더링이 되고 있다는것! 병렬적으로 렌더링 하고 싶은 파일은 @폴더/page.js 로 만들어주어야 하는 규칙을 가지고 있다. @폴더/page.js로 만들어진 파일은 layout.js파일에서 props로 받을 수 있다. 사용법은 이게 끝이다. ㅎ 만약 병렬적..

아니,,요즘 구글 써치하면서 돌아댕기면 티스토리 블로그가 약간 velog갬성 나는 스킨들을 사용하는 사람들이 많대..??? 어머..이거 모야 티스토리에 새로운 스킨이 생겻나?!!! 티스토리 기본스킨 에서 찾아봤는데 엄슴..🤔 그래서 검색해보니 누군가가 스킨을 만들어 놓은거 엿슴 hELLO 티스토리 스킨을 소개합니다. hELLO 스킨은 초기에 기능이 많이 없었다가, 티스토리 블로거 여러분의 호응에 힘입어 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의 pronist.tistory.com 바로 요 위에 위대하신 분께서 티스토리 스킨을 겁나 멋지게 만들어놓으심 바로 파워 적용!!! 넘나 맘에들자나유 ⭐️3⭐️ velog이제 안갈아타도댐 ㅋ

이번 프로젝트에 지마켓 산스 웹폰트를 사용했다. 그런데..분명 크롬에서는 폰트가 잘 나왔었는데 사파리에서는 적용이 안되서 나왔다. 궁서체처럼 나오는것이 너무 맘에 안들었다. ㅡㅡ 굉장히 구려보이고요 일단 저 궁서체 같은 폰트를 해결하고자 sans-serif를 적용했다. 고딕체로 나오도록. 그러나 내가 원하는건 지마켓 산스 웹폰트가 나와야 하는것!!!!! app/layout.tsx 파일에 로컬폰트를 아래와 같이 적용했다. //app/layout.tsx const customFont = localFont({ src: [ { path: '../../public/fonts/GmarketSansLight.woff', weight: '300', style: 'normal', }, { path: '../../publ..

이번에 app router를 사용하면서 기본적으로 data를 fetch가 필요한 경우 서버컴포넌트에서 Data Fetching Patterns을 사용했다. 그런데 문제가 있었다.. geolocation API를 사용해서 위도 경도 값을 받아온 다음 openweather API를 받아와야 하는 상황.(위도 경도로 해당 지역의 날씨를 받아와야 함) 이것을 서버컴포넌트에서 해야하는가 클라이언트 컴포넌트에서 해야하는가 고민을 했다. openweather API를 받아오는것만 생각하면 data fetch니까 서버컴포넌트가 맞는거 같은데 geolocation API가 브라우저에서 제공하는 API이다 보니 클라이언트 측에서 openweather API를 사용하는것이 맞지 않나?? 두 생각이 머릿속에서 충돌 됬다 (오..

문제 무인도에 갇힌 사람들을 구명보트를 이용하여 구출하려고 합니다. 구명보트는 작아서 한 번에 최대 2명씩 밖에 탈 수 없고, 무게 제한도 있습니다. 예를 들어, 사람들의 몸무게가 [70kg, 50kg, 80kg, 50kg]이고 구명보트의 무게 제한이 100kg이라면 2번째 사람과 4번째 사람은 같이 탈 수 있지만 1번째 사람과 3번째 사람의 무게의 합은 150kg이므로 구명보트의 무게 제한을 초과하여 같이 탈 수 없습니다. 구명보트를 최대한 적게 사용하여 모든 사람을 구출하려고 합니다. 사람들의 몸무게를 담은 배열 people과 구명보트의 무게 제한 limit가 매개변수로 주어질 때, 모든 사람을 구출하기 위해 필요한 구명보트 개수의 최솟값을 return 하도록 solution 함수를 작성해주세요. 제..

문제 짝지어 제거하기는, 알파벳 소문자로 이루어진 문자열을 가지고 시작합니다. 먼저 문자열에서 같은 알파벳이 2개 붙어 있는 짝을 찾습니다. 그다음, 그 둘을 제거한 뒤, 앞뒤로 문자열을 이어 붙입니다. 이 과정을 반복해서 문자열을 모두 제거한다면 짝지어 제거하기가 종료됩니다. 문자열 S가 주어졌을 때, 짝지어 제거하기를 성공적으로 수행할 수 있는지 반환하는 함수를 완성해 주세요. 성공적으로 수행할 수 있으면 1을, 아닐 경우 0을 리턴해주면 됩니다. 예를 들어, 문자열 S = baabaa 라면 b aa baa → bb aa → aa → 의 순서로 문자열을 모두 제거할 수 있으므로 1을 반환합니다. 제한사항 문자열의 길이 : 1,000,000이하의 자연수 문자열은 모두 소문자로 이루어져 있습니다. 입출력..