진짜 저는 사파리가 싫어요...아이폰에서만 안되는 모든 문제들이 싫어요...그래도 일은 해야하니.. 처리를 해보았습니다...쓰읍 기존 코드 이렇게 배경으로 mp4형식의 동영상을 무한재생하는 코드를 넣었는데요.. 이것이 말입니다..크롬도 삼성인터넷에서도 사파리웹에서도 아~무 문제가 없는데 아이폰 사파리에서만!!!!!화면 재진입시에 동영상이 갑자기 전체화면모드로 재생되는겁니다....후..... 흐린눈을 하고 싶었으나 하지 못하고video 태그에 playsinline속성을 추가해 해결했습니다.. 수정한 코드 ios에서는 기본적으로 비디오가 자동으로 전체화면 모드로 재생되기 때문에 이런 동작을 막으려면 playsinline속성을 추가해주어야 ..
Text content did not match.Server: "December 27, 2024 at 8:18:18 AM" Client: "December 27, 2024 at 8:18:19 AM" Error Component Stack 개발된 화면들을 확인하다가 발견한 warning warning이지만 새빨간 배경에 뜨는것이 아주 거슬려서 해결해보기로 한다. 문제의 컴포넌트는 서버로부터 UNIX 시간을 받아와 예쁘게 가공해서 보여주는 컴포넌트였다. 근데 이페이지가 서버사이드에서도 그려지고, 클라이어트 사이드에서도 그려지다보니, 간발의 시점차가 생기는 경우 렌더링 되는 값이 달라져 생기는 문제였다. 먼저 useState로 관리하고 있던 값을 Date타입에서 string으로 바꾸어주었다. 기존 useS..
어쩌다 제가 블록체인 관련글을 쓰게 되었는지 인생 참 알 수 없네요 ㅎㅎ일단 이번 글에서는 블록체인 레이어에 대해 알아보려고 합니다. 블록체인에서 레이어란 무엇이냐?!서로 다른 기능을 가진 기술적 구조를 설명하기 위해 사용하는 개념입니다. 블록체인은 여러 레이어들로 나누어져 있고, 각 레이어는 각각 특정한 역할을 수행합니다. 먼저 위 그림으로 보면 4가지 계층으로 나누어져 있는데요,한번 쭉 정리해보고 그중에서 레이어 1과 2를 자세히 알아보려고 합니다. Layer 0 - 블록체인의 네트워크 인프라입니다. - 브릿지를 모두 고려하여 네트워크 간에 상호 작용 가능한 설계를 가집니다. ex) 아톰, 폴카닷 Layer 1- 블록체인의 기본 네트워크. 즉, 블록체인의 핵심 프로토콜입니다. - 모든 트랜잭션이 ..
(비록 협업할 사람도 없이 혼자 하는 프로젝트지만) 시간에 쫓겨 와다닥 만든 컴포넌트들 정리하는중.. ㅋㅋ오늘의 타겟은 이 Pagination 컴포넌트 만들때 사용한 select와 button들 입니다. shadcn의 button과 select를 기반으로 만들었습니다. 1. Select- 기존 코드 setSelectedValue(value)} > {selectedValue} 20 50 100 - 수정 후 코드 : 반복되는 SelectItem 부분을 map을 사용하여 정리 setSelectedValue..
연일 최고가를 갱신하고 있는 비트코인. 트럼프가 당선되자마자 계속 오르고 있는데 도대체 비트코인과 트럼프가 무슨 관계이길래 이렇게까지 오르는걸까? 싶은 의문에 직접 찾아보았다. 먼저 그의 과거 재임기간(2017년-2021년)에 암호화폐 시장은 많은 변화를 겪었는데, 어떤 일이 있었는지 알아보자. 트럼프 대통령 재임 기간 동안 암호화폐는 어떻게 변화했을까?1. 암호화폐의 급성장트럼프가 대통령으로 재임하던 2017년, 비트코인이라는 암호화폐는 정말 큰 인기를 끌었다. 2017년 비트코인은 가격이 무려 20,000달러 가까이 올라갔었다! 이렇게 비트코인과 다른 암호화폐들이 큰 주목을 받게 되면서, 많은 사람들이 암호화폐를 투자 대상으로 생각하게 되었다.2. ICO(초기 코인 공개) 열풍암호화폐와 관련된 IC..
또 이상한 것에 발목을 잡히신분... 저요 Vercel로 프로젝트를 배포하는데 A commit author is required 에러가 뜨지 뭡니까.아니.. 나라고 커밋작성자 나라고!!!!!!!를 속으로만 외치고(회사니까..) 작성자 정보를 넣어주러 가봅니다...1. Git 사용자 정보 설정먼저, Git에 사용자 이름과 이메일을 설정해줍니다.그럼 Vercel이 배포 시 해당 정보를 참조하여 커밋 작성자 정보를 자동으로 인식합니다.git config --global user.name "Your Name"git config --global user.email "your-email@example.com" 이렇게 설정하면 모든 프로젝트에 대해 동일한 작성자 정보를 사용하게 되는데, 혹시! 특정 프로젝트에만..
후후..vscode상에서 파일명에 들어간 대소문자를 변경했는데, 해당파일을 import하는 모든 곳에서 변경점을 감지하지못하고 빨간줄을 마구 내뱉을때! 침착하게 캐시를 지우고 의존성 재설치를 합니다.1. node_modules와 lock 파일 삭제하기rm -rf node_modules package-lock.json yarn.lock 2. Next.js 캐시도 삭제rm -rf .next 3. 의존성 다시 설치npm install# 또는yarn install4. 개발 서버 재시작하기npm run dev# 또는yarn dev 로컬은 이렇게 해결이 되는데 연결되어 있는 깃레포에는 또! 반영이 안되는데요~??하시는분들 ㅎ 만능 방법이 있습니다.. 예를들어 nav.tsx를 Nav.tsx로 바꿨을때 이런문제가 ..
2024년들어 처음 쓰는 블로그 ㅎ간만에 프로젝트 세팅부터 하는중인데 다까먹어서 되는게 없군요.. 열심히 다 찾아가면서 틈틈히 기록으로 남겨보는것으루.. 먼저 각 파일에서 스타일을 정의하는 방법을 알아보자. 1. tailwind.config.ts에서의 스타일 정의tailwind.config.ts 파일은 Tailwind CSS의 기본 설정과 테마를 확장하거나 수정하는 데 사용된다. 여기서는 Tailwind의 기본 색상, 폰트, 간격, 크기 등의 전역적인 디자인 시스템을 정의할 수 있다.주요 목적: Tailwind의 기본 유틸리티 클래스를 확장하거나 덮어쓰기.예시: 색상, 폰트 크기, 간격 등을 전역적으로 수정하고 싶을 때 사용./** @type {import('tailwindcss').Config} */..
어쩌다 보게 된 개발바닥 유튜브의 아래 두영상을 보고 쓰게 된 글이다. 시선 강탈하는 영상 썸네일에 이끌려 보게되었는데 생각해 본 것, 볼것들이 많아 정리해 봤다. (Q와 A모두 영상에 나오는 내용으로 개인적인 생각은 -> 표시 이후에 적었다. ) Q : 스타트업에서 인원을 채워나가면서 몸집을 불릴 때, 10-20명까지는 어떻게든 채용이되는데 50명 100명 200명은 어떻게 뽑나?? 이구간이 채용이 힘든 시기다. 20명 -> 100명으로 갈 때 채용 시 뭘 포기할 수 있는지? 개발실력은 포기하고 회사비전에만 동의하는사람 OR 개발실력은 좋으나 비전에는 관심이 크게 없는 사람 A : 비전을 포기한다. 진짜 초기일 때는 비전을 포기하면 동력이 안 생기지만 30명 정도까지 갔다면 좀 내려놔도 될 거 같다. ..
코드리뷰는 여러 측면에서 중요한 과정이다. 회사 입장에서는 개발자가 회사를 떠나도 코드는 유지되야 하고(지식경영(knowledge management) 측면), 개발자는 성장할 수 있는 기회를 가지게 되며 팀 입장에서는 팀워크와 코드쉐어링을 통한 장애에 대한 불안감을 감소시킬 수 있다. 도입 전 고려사항 코드 리뷰에 참여하는 구성원들의 인식이 같은 곳을 바라보는가? 문화로 받아들일 준비가 되어있는가? 어떤 코드가 좋은 코드에 대한 기준을 먼저 정하자. 전체적인 코드 컨벤션 확립과 코드 일관성을 유지하기 위한 도구 도입하자. 불필요하고 소모적인 리뷰로 인해 시간 낭비, 리소스 낭비를 예방해야 한다 코드리뷰에 대한 방법 및 리뷰 작성 시 고려사항들 1. 하나의 프로젝트는 일관성이 있어야 하고 클린코드를 지향..
