코딩일상

개요next.js 를 통해서 개인 프로젝트를 진행하던중Hydration mismatch 라는 이슈를 마주하게 되었다. 하이드레이션이란? 하이드레이션 비유를 🧊 얼음 큐브(서버의 HTML) → 💧 물(상호작용 가능한 웹페이지)서버에서 보내준 HTML은 '얼음 큐브’이다모양은 갖추어져 있지만, 딱딱하고 변화가 없다. 이 얼음 큐브가 브라우저에서 '물'이 되어야 사용자와 상호작용할 수 있다.이렇게 얼음을 물로 만드는 과정이 바로 '하이드레이션'왜  하이드레이션이 필요??1. 빠른 초기 로딩 - 서버가 미리 HTML을 만들어서 보내줌 - 사용자가 빨리 콘텐츠를 볼 수 있음2. 검색 엔진 최적화(SEO) - 검색 엔진이 콘텐츠를 잘 읽을 수 있음 - 더 나은 검색 결과 노출3. 사용자 경험 - 초기 화면이 ..

2024년을 보내며  깨닫고 느낀점들 1. 4년간 운영했던 러닝모임 성장약 150명의 인원들이 참여한 모임으로 바꾸데 기여(러닝 붐이었던것은 사실이지만 이 시기가 올때 까지 모임을 운영해온 스스로를 칭찬) 2.인생 첫  외주 개발 프로젝트 진행클라이언트와 소통 하고 수정을 하는 과정에서 느꼈던 것 들이 많았으며,나중에 사업을 혼자 하게 되면 이런 느낌이겠구나 일시적으로 경험 3. 하루 안에 프로젝트 시작부터 배포까지(feat.웹 게임 만들기)(스스로 기획 스토리 점수 진행방식 고민 게임은 변수가 어마어마 하며 개발도 어렵지만게임 난이도의 밸런스를 조절하는것이 더 어렵겠다는것을 느낌) 4.풀마라톤 3시간 30분대 도달더 중요한것 뛰고 나서 몸이 크게 아프지 않았았다는 것이다.첫 마라톤때 너무 아팠다..빠른..

SHOW PROCESSLIST KILL [스레드 ID];  SHOW STATUS WHERE `Variable_name` = 'Threads_connected';최대 커넥션 수 확인하기SHOW VARIABLES LIKE 'max_connections'; SET GLOBAL max_connections = 300; 사용자별 연결 수 확인하기SELECT user, COUNT(*) AS connection_countFROM information_schema.PROCESSLISTGROUP BY user; 현재 세션 정보 조회하기SELECT * FROM information_schema.PROCESSLIST;연결 대기 시간 확인하기SHOW PROCESSLIST;연결 타입별 통계 확인하기SHOW STATUS LIKE..

결론1)유저에게 가장 하위권한  Viewer 를 부여 하고2)폴더별 권한에서 기본으로 세팅되어있는 권한별 역할을 제거 한다.3)유저별로 권한 세팅하기 Adminstration 에서 Users and access에서 유저를 생성하거나권한을 부여한다. Organizations에서 가장 하위 권한인 Viewer를 세팅DashBoard에서 폴더를 클릭후  Folder actions에서 Manage permission을 들어가서가장 기본인 Role에대한권한을 지우고 User별 권한을 부여한다.위 과정을 통해서 유저별 접근할 수있는 대시보드와 대시보드에서의 권한을 각각 설정할수있게 된다.

💡이번 주 한 것 들과 느낀 점 들 🙋🏻‍♂️개인 적목표가 잠시 없어져 무엇을 하는게 좋은건지 잘몰라서 사실은 방황중 다만 지금 글을 다시 쓰면서 소소한 목표부터 다시 해나아가기 위해투두를 작성하였음. 그 것을 일환으로 지금의 글을 작성중 조금은 생각이 정리 되는중 내일(월)은 해야할일들에 대해 정리 하기 하려한다.🏢회사한 일:내가 하고있는 일을 누구나 이해 할수있게 공유 하고 바로바로 보여주기 문제점 및 문제에대해 내가 인식 한것-내가 하고있는일을 누구나 다 완벽하게 이해 하고있다는 것은 착각이며 이를 그대로 숨기고있으면, 나만의 문제가 아니라서비스 자체가의 문제가 되고 결국은 내가 힘들어지고, 팀이 힘들어지며, 서비스가 힘들어진다. -데이터 상에서 발생하는 문제를 그냥 텍스트로 전하는것에 그치..

1)트리거 생성2)테이블에 트리거 적용CREATE OR REPLACE FUNCTION set_timestamp()RETURNS TRIGGER AS $$BEGIN -- 신규 데이터생성시 NOW() 반영 IF TG_OP = 'INSERT' THEN NEW.createdat := NOW(); NEW.updatedat := NOW(); -- 데이터 변경사항 있을시 NOW()반영 ELSIF TG_OP = 'UPDATE' THEN NEW.updatedat := NOW(); END IF; RETURN NEW;END;$$ LANGUAGE plpgsql; CREATE TRIGGER {트리거 명령어 이름}BEFORE INSERT OR UPDATE ON ..

음 오늘은 양식을 파괴 하고 글을 작성하려한다.그동안 너무 글을 안써왔던것 같다... 쩝.. 그냥 주저리 주저리 작성해보겠다 현재 나의 직무가 뭐냐 물어본다면 백엔드와 데이터 엔지니어링을 와닿리 갔다리 하는것 같다. 사실 데이터 엔지니어링이라는 직무라는것도 정확히 있는지도 모른채 살아왔다가 회사에서의 방향이 데이터 쪽으로 잡아가다 보니 어느새 이 쪽 직무도 겹하게 되었다. 사실 처음에는 내가 왜 이걸 해야하지 라는의문이 있었다.(이 의문은 나의 정체성은 정확하게 뭐지 라는 것에서 비롯) 이제 약 21개월차 실무를 하지만 하면 할수록 부족함만 더 늘어가고있다는 생각뿐이다. 그나마 요번 상반기 부터 데이터 엔지니어링 부분에 어시를 하면서 새로운 영역을 많이 알게되었고 왜 필요한지와 이것에 대한 중요성을 너무..

1)  flutter 설치    2) flutter 설치 이후

PowerShell에서 메모리 사용량 순으로 상위 10개 프로세스 확인Get-Process | Sort-Object -Property WorkingSet -Descending | Select-Object -First 10 | Format-Table -Property Id,ProcessName,WorkingSet -AutoSize  PowerShell에서 CPU 사용량 순으로 상위 10개 프로세스 확인 Get-Process | Sort-Object -Property CPU -Descending | Select-Object -First 10 | Format-Table -Property Id,ProcessName,CPU -AutoSize 또는 ProcessExpolorer 사용하기관련글 [윈도우] 프로세스 확..