내맘대로 개발일지

📱테스트 환경 "react": "18.2.0" "react-dom": "18.2.0" "typescript": "^5.1.6" 😢 내가 겪은 문제 형변환을 해야하는 경우가 정말 많다. 보통 DB 에 데이터는 String 으로 저장해놓는다. 이유는 그냥 편해서 .. 이게 나만 그런게 아니라 DB 튜닝하는 내 지인에게 DB 설계를 요청해도 그냥 타입을 varchar 타입으로 다 ~ 지정해놓는다. 그럼 프론트 개발을 하다보면 형변환을 해야하는데, 방법은 아주아주 쉽다. String to Number let id = "1"; console.log(typeof Number(id)); // number Number to String let id = 1; console.log(typeof id.toString());..

📱테스트 환경 "react": "18.2.0" "react-dom": "18.2.0" "typescript": "^5.1.6" 😢 내가 겪은 문제 Array.map() 함수는 너무나 자주 쓰기 때문에 데이터 꺼내 쓰는 방법 정도는 알고 있다. dataArray.map((v, i) => { return {v.title} } 보통 이런식으로 다 꺼내 쓸 것이다. 나도 지금까지 다 ~ 이렇게 꺼내왔다. 근데 오늘 API 에 데이터 컬럼이 한글로 내려왔다. 그것도 문제없다. dataArray.map((v, i) => { return {v.타이틀} } 이렇게 그냥 쓰면 된다. 근데 이제 문제는 컬러명이 서브 타이틀 로 넘어왔을 때는 ? 저렇게 꺼내쓰면 에러난다. 사이에 공백이 있어서 인식을 못한다. 그래서 난처했..

📱테스트 환경 "python": "3.9.0" "PyCharm": "2023.2" "flask": "2.3.3" 😢 주의사항 나는 파이썬 초보다. 대학교에서 쥬피터 이용해서 네이버에 손흥민 검색했을 때 나오는 뉴스결과 긁어본게 전부다. requirements.txt 에 대해 알고 있는가 ? 난 몰랐다. 몰라서 무시당했다. 몰라서 비웃음을 샀다. 진짜 너무 슬프고 우울하다. React 나 Next, Node 에서 사용하는 package.josn 같은 거라고 말씀해 주셨다. 이렇게 말씀하시니까 알겠는데 이거 모른다고 비웃음 사고 무시당하니까 진짜 너무 슬프다 .. 개발자 안하고싶다. 한가지 언어 개발을 잘하게 되면 다른 언어 개발할때도 잘하게 된단다. 개발 못한다고 돌려 까는 것 같다. 아무튼 .. 다시 돌..

📱테스트 환경 "python": "3.9.0" "PyCharm": "2023.2" "flask": "2.3.3" 😢 주의사항 나는 파이썬 초보다. 대학교에서 쥬피터 이용해서 네이버에 손흥민 검색했을 때 나오는 뉴스결과 긁어본게 전부다. 근데 pyVHR 를 이용해서 프로젝트를 하나 해보고 싶어서 하고있는데, 하다보니 유용하게 해볼게 많아서 기록해 두려고 한다. GitHub - phuselab/pyVHR: Python framework for Virtual Heart Rate Python framework for Virtual Heart Rate. Contribute to phuselab/pyVHR development by creating an account on GitHub. github.com 폴더에 ..

📱테스트 환경 "react": "18.2.0" "react-dom": "18.2.0" "typescript": "^5.1.6" 😢 내가 겪은 문제 바로 어제도 아니다. 몇 시간 전 포스팅에서 카카오톡 인앱에서 이미지 다운로드 하는 방법을 기록했다. { const baseUrl = window.location.origin; const url = new URL("/", baseUrl); const userAgent = window.navigator.userAgent; const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( userAgent ); if (isMobile && navigator.share !==..

📱테스트 환경 "react": "18.2.0" "react-dom": "18.2.0" "typescript": "^5.1.6" 😢 내가 겪은 문제 나는 NextJS 에서 개발을 하고 있는데, 이미지를 첨부하고 나면 기존의 틀과 이미지의 크기가 달라져서 버튼의 위치가 달라지거나 뭔가 화면의 요소들이 왔다갔다 하는 경우가 있었다. 내가 보기에도 너무 불편한데 당연히 지적당하겠다는 생각에 먼저 수정하기로 했다. 코드만 봐도 간단하게 이해할정도로 쉽지만, 이미지 URL 이 있으면 를 보여주고 없으면 RectangleSVG 를 보여준다. RectangleSVG 같은 경우에는 다음과 같다. width="100%" maxWidth="430px" height="100%" maxHeight="430px" 정사각형 모양이..

📱테스트 환경 "react": "18.2.0" "react-dom": "18.2.0" "typescript": "^5.1.6" 😢 내가 겪은 문제 지난 포스팅에서 이미지 다운로드 하는 방법을 기록했다. [NextJS] 이미지 다운로드 하는 방법 📱테스트 환경 "react": "18.2.0" "react-dom": "18.2.0" "typescript": "^5.1.6" 😢 내가 겪은 문제 모듈화가 중요하다는 말을 참 많이듣는것같다. 전부 함수화 해서 모듈화 해서 사용하고 있는데 이미지를 다운 8735.tistory.com 이게 진짜 소름인게, 크롬이나 사파리 같은 곳에서 잘 되는데 카카오톡 인앱 웹에서는 안된다. ( 나는 진짜 너무 열받았었다. ) 카카오 데브톡에 가도 나랑 비슷한 상황에 처한 사람이 많..

보통 이미지를 다운받으면 PNG 나 JPG 확장자를 받게되는 것 같다. 디자이너와 협업할때도 .PNG 이미지를 받았다. ( 나같은 경우에는 그랬다 ... ) .ico 확장자를 가진 이미지가 필요하고 화면 크기별로도 있으면 참 좋은데 코드 작성하기는 귀찮다 .. 그런 나를 위한 아주 좋은 사이트가 있는데 바로 https://www.favicon-generator.org/ 이다. Favicon & App Icon Generator Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons. www.favicon-generat..

📱테스트 환경 "react": "18.2.0" "react-dom": "18.2.0" "typescript": "^5.1.6" 😢 내가 겪은 문제 공유하기 버튼을 생성하는 일이 제일 많은 일 중에 하나라고 뽑을 수 있을 정도로 참 많이 작업을 하는 것 같다. 그래서 함수로 만들어서 필요할때마다 붙여쓸 수 있도록 해놓았는데, 다른 프로젝트를 하거나 필요한 상황이 있을 때 쉽게 가져가다 붙일 수 있도록 하려고 한다. 시스템 공유나 URL 복사하기 같은 경우에는 이전 포스트에서 정리해놓았으니 확인하고 오면 더 시스템 공유까지 붙여 있어보이는 공유하기를 만들 수 있을 것이다. [ 시스템 공유하는 방법 & URL 복사하는 방법 보고오기 ] [NextJS] NextJS 모바일 시스템공유 하는방법 📱테스트 환경 "r..

😢 내가 겪은 문제 이미지를 모자이크 처리하는 경우가 생각보다 많았다. 미리보기를 생성하거나, 로딩바를 생성했을 경우 또는 데이터 시각화를 통해 집중시키는 효과를 보고 싶을 때 사용하였다. bulr 라는 단어는 생각이 나는데 잘 기억이 안나는 경우가 많아서 다른 사람들도 그렇지 않을까 싶어서 기록해둔다. 실제로 나는 잘 기억이 안나서 자꾸 검색해보게 되더라 ^^ filter: blur(5px); -webkit-filter: blur(5px); 5px 만큼 모자이크 처리를 하는건데, 생각보다 5px 만큼만 해도 적당하니, 잘 조절해서 사용하면 될 것같다. -webkit-filter 같은 경우에는 WebKit 기반 브라우저(예: 사파리)에 대응하기 위해 같이 사용해주는게 좋다.