'코딩 메모' 카테고리의 글 목록

2024.04.02· 코딩 메모

https://fonts.google.com/?subset=korean&noto.script=Kore Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 구글폰트 귀여운 거 사용하려고 찾아봄 원하는 폰트 get 버튼 누르고 global.css (혹은 전역 css) 에 @import 를 추가한다 @import url("https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap"); tailwind.config.ts import type { Config } from "tailwindc..

[css] tailwind로 input focus색상 변경하기

2024.04.02· 코딩 메모

기본 테두리는 검정색이고, 주변색상이랑 맞춰서 보이게 하고 싶은데 어떻게 해야될지 찾아본 김에 메모 focus:ring-2 focus:ring-inset focus:ring-#여기에색상 focus:outline-none 이거 추가해주면 됨 focus 시에 ring 추가하고, 안 쪽으로 추가하고 그렇게 까지만 하면 outline 검정색이 그대로 보이기 때문에 none 처리

[git] 다른 브랜치에서 작업한거 main에 merge

2024.03.13· 코딩 메모

평소에는 다른 브랜치에서 작업후 git lab에 직접들어가서 create merge~어쩌고 뜨면 그거 눌러서 merge작업했었는데, (git merge 명령어가 조금 복잡시렵게 느껴지고, 혹시라도 merge하다 충돌날까봐 ㅠㅠ)_ 하지만 충돌나며 배우는 git..... (이라쓰고 맨날 따로 백업해놓음ㅋ) 명령어로 해보는 습관을 들이기로 함 dev라는 브랜치에서 작업후 main에 머지를 하려면, 1. 일단 main브랜치로 이동한다. git checkout main 2. dev에 올라와있는 소스를 merge 한다. git merge dev 3. 이제 변경 사항을 원격저장소로 push한다. git push origin main 만일 push 하다가 error: failed to push some refs to..

[git] main에서 작업한 부분 다른 브랜치에 병합

2024.03.11· 코딩 메모

dev에서 작업을하고 main에 병합하는 과정을 거쳐야하는데, 체크를 안하고 자꾸 main에서 수정작업을 한다 ㅠ^^ 그래서 그동안은 그냥 똑같이 dev에서도 작업하고 커밋해줬는데, 이번엔 내역이 좀 많아서,, 일단 기록해놓으려고 함 겁내지말고 그냥 git checkout dev git merge main 해주면 main에 있는 소스를 가지고 오고, 변경사항이 뜬다. (여기서 충돌이 있으면 충돌 수정까지 해줌) 이제 이 수정내역이 쌓여서 git status를 해주면 commit내역이 있다고 나옴 이제 편한걸로 push 해주면 됨! 저 버튼 누르면 되지만 나는 요즘엔 명령어로만 git쓰는 거 습관들이려고 git push origin dev 해주었다

fetch API 사용 시 headers가 비어있음

2024.02.27· 코딩 메모

로그인 시 헤더에 담긴 Access-token을 받아와야 하는데 headers 가 불러와지지 않는 오류가 생겼다. const loginHandler = useCallback(async () => { try { const response: any = await fetch(Account.POST_SNS_LOGIN, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ code: authCode, snsCode: "1110501", phoneNumber: phone, name: name, }), }); const data = await response.json(); console.log(data); /..

[error-git] fatal: refusing to merge unrelated histories

2024.02.21· 코딩 메모

이 오류는 주로 Git이 두 브랜치의 히스토리가 서로 관련이 없다고 판단할 때 발생한다. 내가 이 오류를 만난 건 로컬에 git 저장소를 만들고 커밋하고, github 에 새로운 저장소를 만들때 README 를 추가하여 새로운 커밋이력이 생겼던 상황이다. 이 상태에서 로컬에 있는 것을 푸시할 경우, 로컬 저장소에는 github의 커밋이력이 없으므로 생기는 에러라고. git pull --allow-unrelated-histories ~ ~ git pull --allow-unrelated-histories origin main 을 해주어 잘 해결되었음. https://stackoverflow.com/questions/37937984/git-refusing-to-merge-unrelated-histories-..

[error-git] error: pathspec 'main' did not match any file(s) known to git

2024.02.21· 코딩 메모

🚨 에러 상황 로컬에서 next 프로젝트를 하나 생성했는데, 이를 repository만 생성해놓은 git 과 연동하는 과정에서 생긴 오류 ✨ 원인 로컬의 git과 리모트 저장소의 git 정보가 동기화 되지 않아서, 새로 만들어진 리모트 저장소 브랜치를 참조할 수 없기에 발생하는 에러이다. 그래서 처음에 master로 되어있는 상태에서, gitlab 에는 main이 있었는데 그 두 개가 서로 동기화가 안되어있으니 서로 찾질 못하고 있었던 것. 💡 해결 git remote update git checkout main 새로 브랜치를 생성했다면 main자리에 생성한 브랜치 이름을 넣어서 이동하면 됨 보통 pull 받기 전 git remote update 명령어를 사용해 최신 이력 정보를 확인한 후, git pu..

[error] VSCode에서 파일 수정 시 에러 : Insufficient permissions. Select 'Retry as Sudo' to retry as superuser.

2024.01.06· 코딩 메모

산넘어 산이다... 간만에 맥북을 키면 죙일 오류 수정만 하는 거 같은 기분.. vue js 로 작업하려는데 파일 저장이 안되고 자꾸 permission 에러가 났다.. Retry as Sudo 로 해도 비번입력하고 똑같은 창 계속 뜰 뿐.. Error: EACCES: permission denied, rmdir 해결방법 sudo chown -R [username] . [username]은 echo $USER 명령어를 입력해서 나오는 결과를 입력해주면 된다. 처음에 저 . 을 못봐서 usage: chown [-fhnvx] [-R [-H | -L | -P]] owner[:group] file ... chown [-fhnvx] [-R [-H | -L | -P]] :group file ... 이 친구들만 계속..

[error] 맥 npm global 설치시 Permission Error ( + command not found: npm)

2024.01.06· 코딩 메모

회사 다니면서 회사 컴퓨터 쓰고, 집에서는 데스크탑으로 하고 하다보니 내 맥북을 쓸 일이 많이 없어졌는데 간만에 맥북으로 인강을 들으려 하다가 vue.js 설치과정에서 오류가 나서 계속 애먹었다. 내가 입력한 명령어는 아래와 같다. npm install -g @vue/cli 그리고 나온 오류. zsh: command not found: npm 데스크탑에서는 잘만되던게.. 그리고 맥북으로 한 코딩이 얼만데 npm도 node도 안나오지? 그렇다고 해서 yarn global add @vue/cli 이 되는 것도 아니었다. npm install도 되지 않았음 node 도 npm 도 아무것도 되질 않았다. node도없다고 하니 홈페이지에서 node 를 다운 받았더니 이젠 다른 오류를 띄웠다 npm ERR! cod..

map, forEach, filter 차이

2024.01.05· 코딩 메모

map 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과를 가지는 새로운 배열을 반환 const numbers = [1, 2, 3, 4]; const doubled = numbers.map(num => num * 2); console.log(doubled); // 출력: [2, 4, 6, 8] forEach 배열의 각 요소에 대해 주어진 함수를 한 번씩 실행. 반환 값이 없음(undefined). const numbers = [1, 2, 3, 4]; numbers.forEach((num, index) => { console.log(`Element at index ${index}: ${num}`); }); filter 주어진 함수의 조건을 만족하는 요소들로 이루어진 새로운 배열을 반환 const n..

<select>에서 선택된 값 가져오기 : HTMLCollection

2024.01.04· 코딩 메모

select 값을 value에 넣기만 했지 해당 value에서 꺼내온 것이 기억이 잘 안나 메모해놓는다. import { useState } from "react"; export default function App() { const initialFruitList = [ { id: 1, name: "사과", color: "RED" }, { id: 2, name: "바나나", color: "YELLOW" }, { id: 3, name: "체리", color: "RED" }, { id: 4, name: "복숭아", color: "PINK" }, { id: 5, name: "포도", color: "PURPLE" }, ]; const [fruitList, setFruitList] = useState(initia..

[error] bebel dependencies 오류

2023.10.03· 코딩 메모

One of your dependencies, babel-preset-react-app, is importing the "@babel/plugin-proposal-private-property-in-object" package without declaring it in its dependencies. This is currently working because "@babel/plugin-proposal-private-property-in-object" is already in your node_modules folder for unrelated reasons, but it may break at any time. babel-preset-react-app is part of the create-react-..

티스토리툴바