일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 셋팅
- 내일배움캠프
- 스파르타코딩클럽
- 최적화
- deep dive
- 티스토리챌린지
- 오블완
- 소셜 로그인
- domain
- useRouter
- 프로젝트 셋팅
- 구글 로그인
- CORS
- 프로그래머스
- error
- 초기셋팅
- 자주 까먹는
- array정적메서드
- js
- React
- vscode
- 모던자바스크립트
- Next
- git
- vercel
- 모던 자바스크립트
- 코테
- 코딩테스트
- nextjs
- 코드카타
- Today
- Total
목록전체 글 (146)
도록
git tag 조회하기git tag 원격에 tag 올리기git push origin v1.0.3 태그 삭제git tag -d v1.0.3 remote에 올라간 태그를 삭제할 때git push origin :v1.0.3 https://git-scm.com/book/ko/v2/Git%EC%9D%98-%EA%B8%B0%EC%B4%88-%ED%83%9C%EA%B7%B8 Git - 태그와일드카드를 사용하여 Tag 리스트를 확인하려면 -l, --list 옵션을 지정 단순히 모든 Tag 목록을 확인하기 위해 git tag 명령을 실행했을 때 -l 또는 --list 옵션이 적용된 것과 동일한 결과가 출력된다.git-scm.com

문제 상황- tailwind css 공식문서에서 하라는 대로 했지만, tailwind가 적용되지 않아 브라우저에서 보면 스타일이 다 깨져있다.더보기참고) 나의 개발 환경은...- vite, react, typescript, scss 를 사용하고 있다. (sass를 tailwind로 교체 중)- local 은 vite를 사용해 테스트하고, dev, prod 는 express 서버를 이용한다.- ci 는 jenkins, docker 파일을 이용해 구현되어 있으며, install 과 build가 분리되어 있으며, 서버를 내리지 않고 container 교체 방식으로 진행된다. 우선 어디가 문제인지 보자⬇️결론은 맨 아래 ⬇️ 왜 스타일이 깨질까? 생각해 아래와 같은 가설을 만들었다.[가설 1] tailwin..
요약해서 말하면, axios와 fetch의 기본 설정이 달라 같은 요청처럼 보여도 다른 처리가 되고 있기 떄문이다. 내 개발 환경에서는 Gateway가 api prefix를 붙여주는데, 여기에서 오류가 발생하고 있었다.나는 내가 직접 prefix를 붙여주는 방식으로 해결했다.Gateway로 API요청을 보내면, api path를 보고 사용자면 auth server로, project라면 project server로 요청을 보낸다.요청을 분기 쳐줄 때, api의 path에 api path의 prefix를 붙여준다. (ex. http://gateway-host.com/api/login -> http://auth-host.com/auth/api/login)origin 주소가 요청한 내 주소(localhost) ..

1. 정의: 서버와 클라이언트와의 연결 상태: 서버에서 관리하는 사용자의 상태 저장소 ❗) 단어의 사용처를 통해 여러가지 뜻으로 쓰인다는 것을 알았고, 생각보다 정의를 적기 어려웠다. - 세션이 끊겼다/세션 만료/세션 종료 = 세션(서버와 클라이언트 사이의 연결 상태)가 끊겼다. (끊기면 데이터도 삭제된다.)- 세션에 OO 정보를 저장했다/담았다 = 세션(사용자 상태 저장소)에 저장했다. 2. 특징- 일정 시간이 지나면 세션에 저장한 데이터가 삭제된다.- 서버는 session에 데이터는 저장 및 관리한다.- 클라이언트는 서버에서 발행한 sessionId를 받아 쿠키에 저장하고, 이를 서버 통신할 때 사용한다.- sessionId를 탈취당하면 보안 위협(ex.세션 하이재킹)이 발생할 수 있다. (HTTP..

해결책 3개 다해보고 결국 1번으로 해결했습니다.prettier.rc 파일을 수정하는 등, commit해야하는 것들은 제거했습니다. 1. vscode 우측 하단의 CRLF 설정을 LF 으로 변경 2. vscode setting eol : auto 로 변경 3. vscode Prettier : End Of Line
1. 설치하기npm i typescript @types/react @types/react-dom 2. 최초 설정하기npx tsc --init 생성된 tsconfig 파일에서 "jsx" 옵션을 줘야함: jsx가 자바스크립트 파일에서 내보내지는 방식을 제어하는 옵션 preserve: jsx를 변경하지 않고 .jsx 파일을 내보낸다.react: React.createElement 호출로 변경된 jsx로 .js 파일을 내보낸다.react-native : preserve와 같이 jsx를 변경하지 않지만 .js 파일을 내보낸다. 3. 기존 파일 확장자 변경하기- js 파일들 tsx/ts 확장자로 변경 4. 문제 생긴 부분 수정 + 필요하면 lib 추가 설치- js 파일들 tsx/ts 확장자로 변경 5. 끝! 프로..

Image 태그 부모 컨테이너 에 따로 relative나 width, height 크기 지정하지 않아도 gif처럼 동작함 Image src={image} alt="image" sizes="full" width={0} height={0} className={"h-full w-full object-contain"}

1. install 하기yarn add react-native-splash-screen 2. splash 화면 정의하기파일 위치 : /android/app/src/main/res/layout/launch_screen.xml폴더나 파일이 없으면 만들어서 동일하게 구성할 것 (우측 사진 참고)배경색 등 화면 구성이 정의되어 있다. ImageView 태그의 android:src="스플래시 이미지 링크" -> 해당 위치에 이미지 추가 3. splash 보여주기파일 위치 : /android/app/src/main/java/[...]/MainActivity.javaimport org.devio.rn.splashscreen.SplashScreen;class MainActivity : ReactActivity..