본문 바로가기

개발90

웹퍼블리셔) 탭메뉴 만들기 더보기 위 사진처럼 탭 메뉴를 만들라고 한다. 피그마로 가로 1920 디자인 시안과 가로 360 디자인 시안을 받으면 만들기 시작하는데.... 중간 단계는 내가 알아서 만들어야 한다..... 다 쓸려니 내용이 쓸 때 없이 길어져서 그냥 내용물이 2개일 때만 있는걸로 적었다.더 추가해봤자 어차피 의미없는 반복일 뿐이니까.html 게임 기획 .. 2024. 12. 1.
개발) git 브런치 이름이 다른 상태로 푸쉬했을 때. There isn’t anything to compare 깃헙에는 main 브런치고 로컬에는 master이다. 근데 바꾼다는 걸 깜빡잊고 커밋했다. 깃헙에 들어가보니 There isn’t anything to compare 라는 문구가 나오고 내가 푸쉬한 내역들은 적용이 안되있다. 터미널에서 뻘짓을 해봤지만 안됐고 구글링해본 결과... 나에게 딱 맞는 케이스를 발견했다.  git checkout mastergit branch main master -fgit checkout maingit push origin main -f덕분에 해결했습니다!  감사합니다. ㅠㅠ 출처: https://jeongkyun-it.tistory.com/128 [나의 과거일지:티스토리] 2024. 8. 11.
웹퍼블리셔) 사파리 브라우저에서 폰트 적용이 안되는 문제 크롬,엣지, 안드로이드에서 화면이 잘 나오는데 딱 하나, 아이폰에서 폰트가 적용이 안되고 명조체로 나오는 현상을 발견했다.다른 건 다 잘되는데 아이폰만..... 하.....아이폰 또 너냐? 뭐가 문제인가 인터넷에 찾아보니....@font-face { font-family: 'SUIT Variable'; font-weight: 100 900; src: url('./SUIT-Variable.woff2') format('woff2-variations');}.block_sect_interview *{font-family: 'SUIT Variable', sans-serif; } san-serif; 이 부분이 누락되서라고 써있었다. 크롬과 사파리 브라우저간의 디폴트 설정이 달라서 생기는 문제라고 한다. 사파리 브.. 2024. 8. 2.
웹퍼블) swiper slide 안에 iframe태그 사용 시 터치 슬라이드 안됨 디자이너분이 슬라이드 안에 유튜브 영상을 넣어놨고 그걸 슬라이드가 가능하게 만들어달라고 요청했다. 구현할려니 다른 건 다 되는데 화면을 옆으로 움직였을 때 슬라이드가 안먹힌다.... 왜 그러나 했더니 iframe 태그에서 터치 슬라이드 이벤트를 막기 때문이라고 한다. 해결방법은 당연히 있다. .swiper-slide iframe { pointer-events: none;}css 안에 iframe 태그 안에 해당 속성을 추가하면 된다.  다만 저걸 추가하면 터치 슬라이드는 되지만 영상 재생이 안된다.... 둘 중 하나를 택해야 했다.  결론은 터치 슬라이드가 안되지만 영상 재생은 되게 하는 걸로 했다. 2024. 7. 18.
웹퍼블리셔) 모바일에서만 줄바꾸기 pc에서는 줄바꾸기가 안되지만 모바일에서는 줄바꾸기해야할 때가 있다.br태그를 쓰면 모바일 pc 관계없이 모두 줄바꾸기가 되버린다.  그럴 때는이걸 띄어볼거다@media screen and (max-width:1920px) { .m_br{display:none}}@media screen and (max-width:720px) { .m_br{display:block}}요렇게 평소에는 none으로 해놨다가 줄바꿔야할 때 block으로 놓으면 바꿔진다. 2024. 7. 11.
웹퍼블리셔) 반응형 웹에서 비율 유지하기 웹퍼블리셔를 하다보니 디자이너가 준 시안을 어떤 기기에서도 똑같은 비율로 나오도록 해야할 때가 있다. %를 쓰면 되지만 계산하기 불편하다. 그럴 때 아래처럼 쓰면 계산을 하지 않아도 편하게 할 수 있다. 예시) div {width : calc(100vw*(300/1920));}  calc(100vw*( 엘리먼트의 길이 / 피그마에서 제시해준 화면의 길이)); 피그마 상에서 화면의 넓이가 1920이고 표현하려는 요소의 길이가 300일 때 위에처럼 해주면 어떤 화면에서든지 똑같이 나오게 할 수 있다. 2024. 7. 11.
!!! FAILED BINDER TRANSACTION !!! 에러 테스트를 해보는데 이런 에러가 뜬다.. !!! FAILED BINDER TRANSACTION !!! (parcel size = 1288)E Could not forward noteOp of 108 to com.google.android.gms/10098(network_location_provider) android.os.DeadObjectException: Transaction failed on small parcel; remote process probably died, but this could also be caused by running out of binder buffeat android.os.BinderProxy.transactNative(Native Method)at android.os... 2024. 5. 16.
map의 검색속도는 정말 array보다 빠를까? 코딩테스트를 하다가 특정값을 찾는 문제에서 array로 검색을 할 때 시간초과가 뜬다. map으로 바꿔서 하면 통과가 되길래 'map으 검색속도가 array보다 빠르다' 로 알고 있었다.근데... 왜 빠르지? map 안에 키로 찾는다면 결국 내부에서 키값을 비교하면서 순회하지 않나? 그렇다면 array랑 비슷할 거 같은데 왜 빠를까? 그래서 찾아보았다. 해쉬맵은Bucket이라는 구조를 가지고 키를 찾는다. Bucket에는 key로 생성한 Object와 해쉬코드를 쌍으로 들어있다. 해쉬코드에는 순서가 있고 그 순서를 기반으로 값을 검색하기 때문에 키를 빠르게 찾을 수 있다.해쉬코드키000이지금001이지은002이지동그리고 Entry라는 구조를 가지고 값을 찾게 된다. Entry는키값이지금가수이지은래퍼이지동기.. 2024. 5. 1.
최종 프로젝트 트러블슈팅 Trouble Shooting 지도 사용성 개선 문제 : 너무 많은 마커의 양 때문에 속도가 느려짐 맵을 축소했을 때 여러 개의 마커가 겹쳐서 시인성이 떨어짐과정: 클러스터링을 적용하고 화면 안에 마커만 나오게 하기로 결정 적용하고 나니 화면을 움직이고 난 뒤에 클러스터링하는 속도가 느림해결 : 데이터를 정렬, Coroutine 영역에 async, await으로 for문을 나눠서 처리하여 속도를 개선 (카메라 이동 시 처리 시간 약 800ms → 약 500ms)좌표 검색 방식 변경 문제 : 파이어스토어에 2개의 필드를 중첩하여 검색할 수 없음 과정 : 모두 불러온 뒤 비교하는 방법은 비용 문제 때문에 배제 Geohash 적용 (정확도가 높지 않아서 오차가 크다는 단점이 있음) 해결: 매 호출마다 Geoh.. 2024. 4. 10.

티스토리툴바