분류 전체보기

[react] 회고페이지) 배열 로컬스토리지 복원, 초기화 문제 배열 상태관리, setState / useEffect

회고 페이지를 만드는데 답을 배열로 받는 질문만 로컬스토리지 복원이 잘 안되는 문제가 생겼다.  1. console.log를 찍어 보면, 로컬스토리지에서 데이터를 잘 복원하고 setAnswer3로 상태를 업데이트한다. 그런데 그 직후, answer3가 다시 ["", "", ""]로 초기화된다. 2. answer1과 answer2 같은 문자열 상태에서는 이런 일이 없었음. 왜 배열만 이런 일이?  리액트 DOM 렌더링 순서  useState 초기값 적용컴포넌트가 처음 렌더링될 때, useState로 설정된 초기값이 DOM에 반영된다. 이 코드에서 초기값 ["", "", ""]가 DOM에 먼저 반영된다.const [answer3, setAnswer3] = useState(["", "", ""]);useEff..

[샵 홈페이지]가비아 도메인 구입 후 연결

vercel로 배포하는 것으로 수정했다. 좌) vercel 사이트  우) 가비아 사이트 가비아 등록 도메인 - DNS 관리 - DNS 설정에서 A 레코드, CNAME 레코드 추가  nameserver는 도메인 정보 변경 - 네임서버에서 설정해줬다.

포토샵 로판 글씨체 현수막 만들기

폰트 빛의 계승체 Bold https://heiroflight.gamevil.com/ 빛의 계승자 Heir of Light빛의 계승자 - 글로벌 런칭!heiroflight.gamevil.com dafont - Nymphette https://www.dafont.com/nymphette.font Nymphette Font | dafont.comNote of the author This font is absolutely free for personal AND commercial use. Donations are appreciated!www.dafont.com 창 - 글리프 켜놓고 보면 편하다. 래스터화 시킨 후 겹치는 부분을 지우개로 정리했다.  근데 배경이 아무래도 마음에 안 들어서...(포토샵 생성형 A..

[Next.js] [MongoDB] CRUD의 Create, Read 연결하기

작년 여름부터 이어져온 몽고디비와의 (일방적)사투연결이 너무 안돼서, 쉬운 연결 하나도 못 하는 나는 개발자 못 하는 거 아닐까 하고 그냥 개발을 접어버렸었다. 그러다 만들고 싶은 게 생겨서 다시 해보다가, 역시 DB가 필요해서... 다시 시도해봤다.  클라우드는 몽고디비 아틀라스를 이용했다. Next.js - 13 App routertypescript   이 글에선 Next.js 자체 서버를 그냥 서버로 부릅니다. 1. 환경변수 설정, 타입 선언// .env.localMONGODB_URI=mongodb+srv://:@어쩌구저쩌구appName=Cluster-XXXXMONGO_DB=lovablePassages 최상단에 .env.local 파일에 MONGODB_URI 입력하는데 그 옆에 들어갈 내용은 친절하..

VIA) VIA 키보드에 mac 지구본(fn)키 넣기, where's 'Rapp'?

오랜만에 코딩을 다시 시작하려니 셋팅 해놨던 것은 ㄷ ㅏ 안녕.그리고 전에 회사 다닐 때 쓰던 키보드는 키크론 q1 이었고 지금은 새로 선물받은 키보드라서 셋팅이 다르다. 쓰던 도중, 셋팅이 맞는 표현일지 세팅이 맞는 표현일지 쳐봤는데 세팅이 맞는 표현이라고 합니다.  어쨌든~ VIA 이름도 기억이 안 나서  뺨? 냠? 이런 이름이었던 것 같은데...? 하며 겨우 찾고,command, control, option 키 정렬도 다시 해야했다. 그리고 바꿔놨더니 윈도우로 쓸 때는 또 엉망진창이 돼서...^^ (현재 한 개의 키보드, 마우스, 모니터로 데스크탑-맥북 번갈아 사용하고 있다.) 지금 세팅을 좀 저장하려고 한다. 그리고 그 때도 ㄹㅅ님이 도와주신 방법으로 이모지 버튼을 세팅했었는데, 그것도 다 날아가..

[flutter] 설치부터 난관.

내일... 비트포비아 예약 도전! 아빠의 주민등록번호상 생일이기도 하네 까치의 첫 기일이기도 하다. 일단 flutter 자체는 brew를 통해 쉽게 깔 수 있다.(맥) 그리고 안드로이드 스튜디오는 깔려있었고, Xcode는 아직 테스트 안 할 거라서 굳이 안 깔았다. VScode를 통해 실행! 디버그를 누르니까 오류 발생... 터미널켜서 flutter doctor -v 치면 뭐가 문젠지 나온다. 콜미닥터 전부 다 고쳐야 할 필요는 없다. (ex. 안드만 쓸꺼면 Xcode 안 깔아도 ㅇㅋ) [!] Android toolchain - develop for Android devices (Android SDK version 34.0.0) • Android SDK at /Users/hani/Library/Andro..

1월 28일 백준 코딩테스트

백준 1008 두 정수 A와 B를 입력받은 다음, A/B를 출력하는 프로그램을 작성하시오. zz 이게 이렇게 어려울 일인가 약간 자괴감 들고 괴로워. 아주 처음에 c++ 처음 배울 때 *랑 / 가지고 소수점 버리는 퀴즈?를 풀었었는데, 문제 조건을 이해를 못 했는지) 그거랑도 헷갈려서 계속 틀렸었다. #include using namespace std; int main () { double a,b; cin >> a >> b; cout.precision(11); cout > coords[i].x >> coords[i].y; }; // 좌표 세 개 입력 받기 // 좌표를 넣은 뒤 외적한 결과 값을 받는다. Direction result = getCrossProduct(coords[0], coords[1], ..

[firebase] Firebase 이메일 중복확인

일단 이름 짱 긴 함수 보고 가시죠. import { getFirestore, addDoc, collection, query, where, getDocs,} from "firebase/firestore";// config 생략const app = initializeApp(firebaseConfig);const db = getFirestore(app);// 이메일 중복확인export const checkDuplicateEmailWithFirebase = async (email) => { try { // db 중복 확인 const q = query( collection(db, "users"), where("email", "==", "db2@db.com") ); ..

230504 로그인 후 보던 페이지로 이동시키고 싶어

🚨 문제 발생! const handleOk = () => { setModalState({ text: "", openModal: false, }); localStorage.setItem("prevPage", router.asPath); router.push("/signin"); }; useEffect(() => { if (!accessToken) { console.log("hi"); setModalState({ text: "로그인이 필요합니다.", openModal: true, icontype: "warning", ok: "확인", onClickOk: handleOk, }); } }, [accessToken]);useAuth() const handleLoginButton = async () => { eve..

0427 오늘의 에러

name : AxiosError 리액트 특정 컴포넌트에만 css 변경사항이 적용 안 되는 문제 검색 키워드 : react component style not applying, react component style not updating, 리액트 캐시 초기화 다른데는 적용이 잘 되는데 answer에만 되지 않았다. 그러고보니 answer만 파일 이름이 소문자... 그래서 Answer.tsx로 바꿔봤는데 그때부터 변경사항이 실시간 반영된다ㅎㅎ 이게 문제였던건지 아니면 그냥 파일이름을 바꿔줌으로써 뭔가 초기화가 된건진 모르겠다. 컴포넌트 이름이 대문자로 시작해야 한다는 건 알고 있는데, 파일 이름도 그런가? 원래 answer 부분도 밑줄 쳐져있었는데 그게 문제였던걸까 -아직 해결 못 함 문제 상황export..

gyp ERR!

gyp ERR! find VS msvs_version not set from command line or npm config gyp ERR! find VS VCINSTALLDIR not set, not running in VS Command Prompt gyp ERR! find VS could not use PowerShell to find Visual Studio 2017 or newer, try re-running with '--loglevel silly' for more details gyp ERR! find VS looking for Visual Studio 2015 gyp ERR! find VS - not found gyp ERR! find VS not looking for VS2013 as i..

정희선 빵야

보호되어 있는 글입니다.