거의 알고리즘 일기장

📖 서문 xcode에 이미지를 넣어보면 1x 2x 3x 세가지의 형태로 해상도에 대응을 함을 알수있다. 하지만, 이런식으로 3가지 크기의 이미지를 넣는건.. 너무 귀찮다. 이럴때 한개의 pdf image를 넣어서 single scale로 바꾸면 해결된다. 🤔 그렇다면, 왜 pdf는 하나만 넣어도 되고.. png, jpg의 형태는 안될까? 그건 vector와 raster 파일의 차이이다. vector 파일은 그리드에 점을 설정하는 수학 공식으로 작성된 이미지이다. 그러므로 해상도를 잃지 않으면서도 제한 없는 크기 조정이 가능하다. 형식으로는 .svg, .pdf 등이 있다. raster 파일은 raster 이미지는 일반적으로 픽셀이라고 하는 색상 블록으로 구성됨으로 크기가 커지게 되면, 픽셀도 커져 흔히 말..

1. localization? internationalization? localization 은 우리의 앱을 다른 여러 언어들로 번역해주는 과정

1. 상황 게시물 등록에 관한 부분을 구현하고 있던중 생긴 문제인데, 이 view가 tableView로 짜여져 있었다. 이 tableView 안에는 여러 input을 받는 section이 있었고, 하단의 등록 버튼을 클릭하게 되면 이 input들의 데이터 값을 받아 게시물을 등록하는 형식이었다. 2. 문제 여기서 문제는 등록버튼을 눌렀을때 생겼다. 각 tableView section 안에는 section에 맞는 input을 받는 부분들이 들어가 있었고 (textField, radioButton 등등) 등록을 하려면 input 안에 쓰여진 값들을 불러와야 하는데, tableView cellForRow 함수로 각 cell을 가져올때, 몇몇개의 항목이 계속해서 nil값을 반환했다. 3. 이유 다시 함수 ret..

다른 분이 짠 html, css, js 코드를 수정해 줘야할 일이 생겼다. 수정중에 봤는데, 분명히.. dev tool로 확인했을때 layout이 그렇게 나오면 안되는데.. 삐뚤빼뚤하게 나오는 문제가 있었다. 진짜 요리보고 저리봐도 간단한 부분이라 코드상으로 실수할리는 없었다. 그러다가 혹시 몰라서 원래 있던 html 주석을 삭제해봤는데.. 제대로 나온다.. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 궁금해서 검색좀 해봤는데.. 2009년글 중에 html 주석이 많으면 레이아웃이 깨지는 버그가 있을수도 있다고 한다. ( 이게 아직도 존재하나?? ) 아무튼.... 요즘은 react, vue와 같은 프레임워크를 자주 쓰니까 이럴일이 없겠지만, 혹시라도 html 코드의 레이아웃이 이상하게 나오는데 도저히 ..

토요일까지 작업하기로 한 부분을 push하려는데.. 갑자기 이상한 에러가 떴다. ㅋㅋ Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. (원래 있던 password authentication 지원이 중단되었으니 대신 personal access token 써라 ) 이유 github blog에 이미 공지가 난 사항이었다. 난 몰랐는데 메일에 여러차례 메일이 왔단다. ㅋㅋ 해결방법 해결방법은 간단하다. 그저 password로 설정된걸 accessToken으로 교체만 하면 된다. 사진 첨부한 그대로 그냥 따라가면 된다. 1. github의 accessToken을..

요즘 ios 개발을 진행중인데, 실제로 적용해본 기술들을 블로그에 적어볼까 한다. 이번에는 ios 개발에서 이벤트 처리를 하면서 자주 사용하게되는 delegate 패턴이다! 🤔 delegate 패턴??? 위임자를 갖고 있는 객체가 자신의 일을 다른 객체에게 위임하여 일을 처리하는 패턴. 부분적으로 확장해서 일을 처리한다고도 생각할수있다. 객체 1과 객체 2가 있다고 하자 객체 1이 어떤 함수를 실행했을때, 연속적으로 사람 2도 무언가를 하게 만들고 싶을수 있다. 이걸 구현하기 위해서는 일반적으로 객체 1이 객체 2를 가지고 있는 형태여야 가능하다. 그런데 delegate 패턴을 쓰게 되면 객체 1이 객체 2에 대해서 전혀 모르더라도 일을 시킬수 있다. ⛏실습 위에서 저렇게 설명했어도 뭔 🐶소린가 할 수 ..

필요성 만약에 파일구조의 뎁스가 깊고 //ex) src/components/layout/app/header/index.tsx 상대경로로 불러오게 되면 다른 스크립트를 import 해올때 ../../../../ 의 향연일것이다. 그럴때는 alias를 이용해서 경로를 설정해놓으면 그게 더 편할때가 많다. 설정방법 1. babel-plugin-module-resolver 추가 yarn add --dev babel-plugin-module-resolver 2. babel.confing.js 에 plugin과 경로들 추가 module.exports = function (api) { api.cache(true); return { presets: ["babel-preset-expo"], //--------------..

해본 이유 회사에서 신규프로젝트의 프론트 부분을 맡게 되었다... 이번 프로젝트는 검색엔진에 노출이 잘되어야하는 프로젝트여서, seo에 유리한 ssr로 해야했다. 먼저, 이 프로젝트는 react를 이용할 예정임으로 react에서 ssr을 적용하는 경우를 생각해보았다. 1. react 자체적으로 ssr을 구현한다. 2. next.js 등 라이브러리 붙여서 편안하게~ 개발한다. 당연히 서비스를 만드는건 2번이고, 1번은 어떻게 하는지 호기심이 들어서 해보았다. 1차 시도 솔직히 어떻게 하는지 감도 안잡혀서 구글신께 여쭤봤더니 한글로 되어있는 괜찮은 글을 찾았다. https://minoo.medium.com/next-js-%EC%B2%98%EB%9F%BC-server-side-rendering-%EA%B5%A..

aws cloudfront에 react로 만든 web을 배포할 일이 생겼다. 예전에 했었는데.. 몇달만에 다시 하려니까 헷갈려서 거의 1시간이 넘게 걸렸다..ㅋㅋㅋㅋㅋㅋ 그래서 리마인드용으로 플로우 정도만 정리해두는 글이다. 1. 선택 방법 aws s3, route53, cloudfront를 이용한 프론트 웹 배포 2. 준비물 이용할 도메인, aws 계정 3. 사전지식 뭐 파고파면 끝이 없으므로 배포시에 하는 역할에 대해서만 설명하겠다. 1) s3 s3는 simple storage service 라고 말 그대로 storage이다. 여기서는 코드를 저장해놓는 공간이라고 생각하면 된다. 2) cloudfront cdn 역할을 한다. cdn이란 각 위치에 edge를 두어 물리적인 거리를 줄여서 콘텐츠 이용자가..

최근에 v6로 버전업되어 조금 다릅니다. v5기준입니다!! 문제상황 최근 재미있는 에러 상황을 겪었다. 카톡이니 모바일 앱이니 뭐니 번지르르 적어놨지만 결국 문제는 특정 링크를 통해 web에 detail page에 들어가게 되면 ex) domain/mypage/id history.goback() 함수를 호출했을때 뒤로 돌아갈 history stack이 없기 때문에 생기는 문제였다. 접근 처음에는 router dom에서 주는 history 객체 안에 지금까지 거슬러온 history stack을 접근 할수 있는지 먼저 확인해 보았다. 보니까.. lenght라고 history stack의 length를 불러올수있는게 있다. 개꿀~ 해결 여기까지 접근했으면 해결은 무척이나 간단했다. history.length ..