'분류 전체보기' 카테고리의 글 목록 (5 Page)

2023.12.05· 개발/📝 TIL

오늘 한 일 💻 ios 디버깅 + 오류해결 리액트로 웹만 만들다가 웹뷰 프로젝트를 시작해서 이제 ios 디버깅을 하게 되었는데, 신기방기! ㅎㅎㅎ 잭으로 연결해서 맥북으로 디버깅하는데 예전에 react-native로 하던 것과는 다르게 느껴졌다. 실제 상용될 프로젝트라서 그런걸까 - 디버깅하면서 찾아낸 오류들도 하나 둘씩 처리하면서 비슷한 류의 프로젝트도 첫 발을 내딛었다. 💪🏻 오운완 홈트로 하루에 30분 이상 운동 달성! 📖 Flipped 읽어보고 싶던 책이 저렴한 가격으로 나와서 바로 겟!! 오늘부터 주행시작! 짧은 리뷰 html2canvas 를 사용하는 법을 잘 모르는데, 그리고 참 옛 것이라는 생각을 많이 했는데, 가끔은 옛 것이 더 좋을 때가 있는 것 같다. 내일 할 일 블로그 다국어 지원관..

[html2Canvas] Unable to get image data from canvas because the canvas has been tainted by cross-origin data 오류 / safari에서 이미지를 제대로 호출하지 못 할 때

2023.12.05· 개발/❌ 오류 노트

‼️ 문제상황 canvas를 사용해서 이미지를 그리고 그려진 이미지를 캡쳐하는 작업을 하는데, 웹상에서 크롬으로 개발할 때는 잘 되는데, 배포 후에 ios 사파리에서 테스트하면 모든것이 하얗게 나오는 현상이 발생했다. 그리고 등장하는 오류 메세지 Unable to get image data from canvas because the canvas has been tainted by cross-origin data CORS 오류가 나는 것이다. 이미지 도메인과의 문제가 발생하는 듯 했다. html2Canvas 옵션도 더해보고 이리저리 찾아보다 찾은 해결책은!!!!! ✅ Solution var url = 'http://url'; var imgObj = new Image(); imgObj.src = url + ..

231201 Fri - TWID

2023.12.01· 개발/📝 TIL

오늘 한 일 💻 리액트 웹뷰 프로젝트 리액트 웹뷰 프로젝트 중간시점에서 디버깅을 하고 있는데, 와...이거 뭐지? 한번도 폰으로 디버깅을 해본 적이 없어서 오전부터 또 폭풍 검색. 그런데 회사에 내 폰과 회사 맥북을 연결할 허브가 없다 ... ^^...하아... 디버깅 ...진짜 어케하죠..? 💪🏻 오필완 다니던 헬스장이 12월 한달간 휴관이라서 12월은 운동을 쉴까 어쩔까 그러고 있는데, 아직 필라테스 수업권이 남아있어서 다음주까지는 어떻게든 운동은 할 수 있을 듯 - 📖 Nick and Charlie 귀여운 커플의 투닥거림 짧은 리뷰 2023년이 이제 한 달 남았다!! 오늘부터 갓생이닷!!!! ㅎ. 내일 할 일 블로그 다국어 지원관련 정보 찾기 이모티콘 제작 서치&스케치 정리하기 코테공부 위클리리뷰쓰기

231129 Wed - TWID

2023.11.30· 개발/📝 TIL

오늘 한 일 💻 headers에 왜 토큰이 안 담길까? 아직 결론 못 냄. ㅋ... 로컬에 잘 돌아가는걸 고대로 배포했는데 갑자기 토큰을 안 보낸다??....... 백엔드 설정에서 뭔가 있을 것 같다는 생각만 듬. 🌱 leetCode 풀기 노드 리스트 탐색하는걸 풀어봤는데, 어떻게 접근을 하면 되겠다! 라는 생각이 빡! 드는데... 코드는 잘 못쓰겠다 ㅋㅋㅋ.... 하아... 갈 길이 머네 💪🏻 하체 국룰 스미스머신 30kg 스쿼트 10*6세트 / 컨벤데드 10*3세트 스미스머신 70kg 힙쓰러스트 10*4세트 덤벨 7kg 스티프 데드 15*3세트 마이마운틴 35분 (mid lev) 📖 Nick and Charlie 장거리 연애 쉽지 않지... ㅎ... 짧은 리뷰 하루종일 aws 관련 자료만 서치서치 -..

231128 Tue - TWID

2023.11.28· 개발/📝 TIL

오늘 한 일 💻 node 버젼 셋팅 어제에 이어서 계속해서 node 버전 다운그레이드해서 typescript랑 eslint랑 여러 패키지 버젼 맞추기 시도를 했다. 퇴근해서 시도하며 찾아낸 것들을 일찍 출근해서 다시 시도해보고 - 바로 빌드 성공! 그리고 이젠 aws 설정!! ㅋㅋ....ㅎ....... 왜 에러가 나는건지 ...설정관련해서 한참 진행하다가 퇴근 ㅎ... 💪🏻 화율 상체 국룰 어깨로 시작해서 등을 타켓으로 운동을 하고 유산소로 마무리 📖 Nick and Charlie 새로운 소설 읽기 시작! 영 어덜트 장르라서 가볍게 읽기 좋은 소설인것 같다. 원래 만화로 시작한 시리즈인데, 넷플릭스에서 크게 성공을 하고 이젠 그 뒷이야기가 소설로도 나옴! ㅎㅎ 짧은 리뷰 어제 노드 셋팅관련해서 이것저것 ..

[Node버젼] Mac에서 NVM으로 node 버젼 관리하기

2023.11.28· 개발/Etc...

NVM 이란? Node Version Manager 약자로 노드 버젼 관리자라고 부른다. nvm 명령어를 통해서 다양한 버전의 노드를 빠르게 설치하게 변경할 수 있고, 프로젝트마다 다른 노드 버전을 관리하기에 유용하다. Mac에서 NVM 설치하기 1. homebrew 설치하기 Homebrew는 mac 용 설치관리자이다. 간단한 명령어로 필요한 패키지를 설치할 수 있다. $ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" $ brew --version Homebrew 3.6.20 2. homebrew로 nvm 설치하기 brew install nvm 3. nvm 디렉토리 만들기 mkdi..

231127 MON - TWID (Today What I Did)

2023.11.27· 개발/📝 TIL

오늘 한 일 💻 node 버젼 셋팅 그 동안 작업했던 프로젝트는 빌드하려고 하는데, 젠킨스에 설정되어있는 노드랑 버젼이 안 맞다고해서 프로젝트 노드 버젼을 다운그레이드하는데, 문제는 엮여있는 타입스크립트와 eslint 여러 패키지들 버젼 설정때문에 하루종일 npm install과 rm -rf node_modules를 무한 반복... 관련 작업 내용 따로 업데이트할 예정이다. 물론 아직도 해결 못 함 ^^.... 퇴근하고 집에서도 시도 중이다. 💪🏻 월욜 핫체 국룰 월욜 핫체는 국룰이지. 월욜인데도 사람이 많아서 스미스머신 중량 드는건 못하고 덤벨 7kg들고 스티프 데드 / 원레그 데드 / 스쿼트 / 불가리안 스플릿 스쿼트 10-15 횟수로 3세트씩함. 힙브릿지는 12kg로 진행 마무리는 마이마운틴으로 유..

231124 FRI - TWID (Today What I Did)

2023.11.24· 개발/📝 TIL

오늘 한 일 🌱 leetCode 풀기 1일 1잔디 0005-longest-palindromic-substring 해결책이 아무래도 이해가 되지 않아서 풀이 강의를 검색했다. 그래도 이해가 힘들다는게 히트다 히트..... 📖 누구나 자료구조와 알고리즘 이렇게 길게 오래 끌면서 볼 만한 책은 아닌것 같은데, 뒤로 넘어갈 수록 점점 길을 잃어간다. 읽었던 문단을 읽고 또 읽고 - 연습문제도 풀면 다 틀림. 난 바보인가? 라는 생각이 많이 드는 오늘이다. 🎨 그림일기 간단하게 하루를 정리하는 그림 그림 짧은 리뷰 알고리즘이 중요하죠. 왜 안 중요하겠어요. 그런데 어려워요. 이해가 안 됩니다. 어떻게 해야 잘 이해가 될 수 있는걸까요... 이제는 화가 나다 못해 분합니다.... 🔥 나는 멍춍인가!!!!! 주말동안..

[Data Structure] 자료구조 - Linked List (연결 리스트 구조)

2023.11.21· 개발/Etc...

알고리즘 공부를 본격적으로 시작하면서 자료구조에 대해서 책을 많이 읽는데도 잘 모르겠어서 여기저기 학습자료를 더 찾아봤다. 단순히 타이핑을 쳐서 공부하자니, 머릿속에 제대로 안 들어옴 그래서 패드에 필기로 정리를 했다!!!!!! ✍🏻 Linked List 갓! 생활코딩님 학습자료 https://opentutorials.org/module/1335/8821 Linked list - Data Structure (자료구조) 소개 Linked List는 Array List와는 다르게 엘리먼트와 엘리먼트 간의 연결(link)을 이용해서 리스트를 구현한 것을 의미합니다. 그래서 이름도 linked list입니다. 그렇게 보면 linked list에서 가장 중요한 opentutorials.org

e.preventDefault() 와 stopPropagation() 의 차이점

2023.11.21· 개발/JavaScript

두 가지 모두 이벤트 발생에서 사용되는 것을 많이 봤을 것입니다. 둘 다 기본적으로 이벤트를 중단시키는 코드랍니다. 하지만 다른 점이 있답니다. 그것은 바로 이벤트 전달방식에 따라서 사용된다는 것입니다. e.preventDefault() 는 기본적으로 고유의 이벤트 동작을 중단시킵니다. e.stopPropagation() 중첩되어있는 엘리먼트들 중에서 하위에서 상위로 이벤트가 전달되는 것을 중단시킵니다. 즉, 고유 자신만의 이벤트만을 감지하도록합니다.

[리액트/TS] React-beautiful-dnd를 사용해서 drag & drop 표현하기

2023.11.21· 개발/React

이번엔 드래그 앤 드랍을 구현해야했습니다. 이전에도 구현했던 적이 있었는데, 그건 이미 누군가 적어둔 코드를 카피 앤 페이스트 했던지라😅 (양심고백). 처음부턱 적용하게 되니 어떤 라이브러리를 쓸까, 또는 라이브러리를 쓸 필요가 있을까? 등의 고민을 하게 되었습니다. 동료가 라이브러리를 쓰지 않고 구현하려고 했는데, 다시 생각해보니 코드가 너무 복잡해져서 쓰는게 좋을 것 같다고 리서치를 부탁했고, 저는 두 가지의 옵션을 찾았습니다. react-dnd react-beautiful-dnd 두 가지를 비교했을 때, beautiful-dnd가 현저히 많이 사용되고, 그 만큼 이슈도 많긴했습니다. ㅎ 자유도적인 면을 비교했을 때는 react-dnd가 확실히 더 높아보였지만, 저는 칸반을 만드는 것도 아니고 ver..

231120 MON - TWID (Today What I Did)

2023.11.20· 개발/📝 TIL

오늘 한 일 💻 플러터 ➡️ 리액트 작업 🌱 leetCode 풀기 1일 1잔디 0179-largest-number 🧠 15분동안 영어 강의 들으며 딕테이션하기 오늘도 완료!! 진짜 너무 안 들린다... 딕테이션 노트보러가기 💪🏻 하체 + 유산소 뭐가 계속 먹고 싶어서 미치겠음. 하체도 많이는 못하고 40분가량하고 유산소도 35분 정도 완료! 짧은 리뷰 오늘 하루에 감사하자. 부정적인 마음은 저기 어디 구석으로 던져넣고. 오늘 하루를 무사히 마친 것에 감사하고. 오늘 하루 내가 하려던 일들을 다 마친 것에 감사하며 웃으며 하루를 보낸 것에 감사한다. 마음에 들지 않는 환경이 있다면, 내 자신의 모습이 있다면 서서히 바꿔가면 된다. 조급할 필요도 없고 그렇다고 화를 낼 필요도 없다. 그럴수록 피폐해지는 건 ..

티스토리툴바