728x90 반응형 분류 전체보기167 PostgreSQL GUI 프로그램 TablePlus 설치 운영체제에 맞는거 선택설치 후 실행하면 상단에 있는 + 클릭 후 PostgreSQL 선택user, password, database 입력 후 connect.굳. 2024. 11. 5. #10 알고리즘적 접근: times 값을 최신순으로 재배치 + 알고리즘 문제로 만들기 times 값을 최신순으로 재배치하고 이를 시각화하는 문제사용자가 새로운 데이터를 작성하면 그 즉시 UI에 반영되도록 구현하는 것은 흔한 요구 사항입니다. 하지만 데이터를 단순히 나열하는 것보다 더 중요한 것은 이를 직관적으로 파악할 수 있도록 시각적으로 배치하는 것입니다. 이러한 요구에 따라 최신 데이터를 기준으로 재배치하고, 이를 시각적으로 표현하는 UI를 구현하게 되었습니다. 이 UI는 사용자가 데이터의 최신 상태를 한눈에 파악할 수 있도록 돕기 위해 설계되었습니다. 기본적으로 times 값을 기반으로 그리드가 생성됩니다. 예를 들어, 최신 회차(회차 수를 나타내는 times 값)가 12인 경우, 12개의 정사각형이 그리드를 구성하며, 각 데이터의 times 값에 따라 정사각형의 색상이 결정됩니다... 2024. 8. 17. react native ios network request failed error fix fetch로 Open API 통신을 하려고 하는데 network request failed라는 오류가 나온다.원인은 iOS가 기본적으로 HTTP 요청을 허용하지 않고 HTTPS만 허용하다는 것. HTTP 요청을 활성화하려면 어떻게 해야할까? 보편적으로 알려진 방법은 Info.plist 파일에 들어가서 한가지를 바꿔주는거다.NSAppTransportSecurity NSAllowsArbitraryLoads 원래라면 false로 되어져 있거나 아예 없을 수도 있다. NSAllowsArbitraryLoads를 true로 해주거나 넣어주면 된다. NSAllowsLocalNetworking예외로 혹시 NSAllowsArbitraryLoads 아래에 NSAllowsLocalNetworking이 있다면 이건 없애주.. 2024. 7. 25. NodeJS Version nvm을 통해 올리기 React Native 좀 할까 하고 이거저거 만져보다가 버전 올리라고 해서 올려봤다.대충 npm version update 뭐 이런 cli로 되면 얼마나 좋을까 싶은데 안된다. nvm을 통해 수행해야하는데 node version manager의 약자이다.nvm은 여러 버전의 Node를 쉽게 괸리할 수 있게 해준다. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash물론 그러기 위해서는 nvm 부터 설치해야한다. 잘 설치가 됐다면 아래 명령어를 연달아 해준다. nvm install --ltsnvm use --ltsnode -v두번째 명령어를 사용해 성공적으로 실행됐다면 Now using node v20.15.1 (.. 2024. 7. 21. #9 프리징된 코드만을 ec2 인스턴스에 pull 하기 git checkout 사용하기 새로운 개발을 시작하면서 코드를 프리징했다.https://bcoding-lab.tistory.com/422 [GitHub] 코드 프리징 하기데이터 개편을 앞두고 현재까지 잘 동작하는건 프리징 하기 위해 알아봤다. 1. 태그 설정 2. 릴리즈 추가 두가지만 해주면 코드를 프리징 할 수 있다. 1. 태그 설정 git graph에서 프리징 해줄 커밋을bcoding-lab.tistory.com 근데 코드 프리징만 하고 뭉치를 최신화를 안해주고 개발을 시작하는 바람에 현재 간극이 크다.그렇다면 ec2 인스턴스에서 프리징된 코드만을 어떻게 올릴까? git checkout을 사용하면 된다.기존이었다면 git pull 이라고 했을텐데 git fetch --allgit checkout t.. 2024. 5. 24. #8 오랜만에 들어가는 바람에 까먹은 AWS ec2 서버 들어가는 법 오억만년 만에 방치했던 프로젝트의 서버에 들어가기 위한 명령어가 기억이 나지 않았다 😅(사람이 그럴수도 있지...) 그러다가 ec2 탭에서 어떻게 했던게 기억나서 이거저 누르다가 '연결'이 눈에 띄었다.아니나 다를까 누르니 짜잔~ssh 프라이빗 키 파일이 있는 곳에서 '예:' 아래에 있는 명령어를 그대로 쳐주면 새를 다시 볼 수 있다^^ 2024. 5. 24. [GitHub] 코드 프리징 하기 데이터 개편을 앞두고 현재까지 잘 동작하는건 프리징 하기 위해 알아봤다. 1. 태그 설정 2. 릴리즈 추가 두가지만 해주면 코드를 프리징 할 수 있다. 1. 태그 설정 git graph에서 프리징 해줄 커밋을 누르면 Add Tag을 할 수 있다. name은 v.0.0.1이든 v.1.0.0으로 본인이 생각하는 버전으로 만들어주면 된다. type은 바꿀 필요 없이 Annotated로 해주고 push to remote을 체크해줍니다. add tag을 누르면 얼마 걸리지 않아 태그가 설정 된것을 볼 수 있죠. github로 가서 해당 레포의 tags를 보면 잘 올라간 것을 확인 할 수 있다. 2. Releases 버전 생성하기 레포 메인 화면에 보면 Releases을 보면 create a new release을.. 2024. 2. 20. [NextJS] params 가져오는 법 - 동적 라우팅 하기 하고 싶었던 것 사용자가 /test/123b123b123 이라는 URL로 들어왔다. 그럼 :id인 123b123b123을 뚝 떼어내서 그걸 Backend 파라미터로 보내주고 싶었다. 기존 React의 경우 useParams()을 이용해서 가져왔다. NextJS의 경우 useRouter() 해서 router.query를 하면 된다고 한다. 될까? 안된다 ❗️ 정확히는 문제가 있다. NextJS는 React와 달리 폴더 구조의 라우팅을 한다. 즉 app/test라는 폴더 안에 page.tsx가 있다는 말인데 여기에서 파라미터인 :id로 사용자가 URL을 치고 들어오면 NextJS에서는 경로를 찾지 못한다. 동적 라우팅 그렇다면 어떻게 해야할까? 간단하다. 동적 라우팅을 해주면 된다. 말이 거창한데 그저 기존.. 2024. 2. 13. [NextJS] CSS을 사용하는 방법 - Tailwind CSS NextJS가 밀어주는 스타일링 방법 본래 CSS-in-JS 마저 안 쓰고 있던 난 최근에 Tailwind CSS라는 새로운 프론트 기술을 알게 됐다. 알게 되는건 좋으나 지금도 불편함을 느끼지 않았기에 도입할 생각이 없었다. Next 공식 문서에서 한 단어를 보게 되기 전까지는 말이다. exceptionally라는 부사를 붙일 정도로 Next에서 적극 추천한다. 이야... 이건 못 참지 😋 바로 공식문서에 나온 코드 그대로 실행하려고 하다가 bun이라는 걸 기억하고 bun 공식문서엔 따로 적혀 있는게 없어서 걍 아래와 같이 코드를 쳤다. bun install tailwindcss postcss autoprefixer bun tailwindcss init -p tailwind.config.js 파일이 생.. 2024. 2. 11. 이전 1 2 3 4 ··· 19 다음 728x90 반응형
