공부하는 비오

그동안 배포를 AWS로 하기 때문에 직접 AWS 홈페이지에 들어가서 누르기 보다는 터미널에서 명령어를 입력해서 배포를 해왔었다.S3에 정적으로 배포된거라면 S3 업로드하는 스크립트를 짤 수 있고, Elastic Beanstalk에서 배포 하는 것도 할 수 있다.이걸 깃액션이랑 연동시켜서 배포 자동화로 사용하고있지만, 그럼에도 가끔 직접 배포하는 일이 있곤 했다. 그동안은 백엔드팀에서 만들어준 S3 배포 스크립트로만 배포하고있었는데,얼마 전에 다른 AWS 계정으로 접속해서(외주...) EB를 배포해야하는 일이 생겼다.그래서 터미널에서 AWS 계정 등록 및 진행했던 사항을 정리해보려고 한다.(터미널에서 ElasticBeanstalk 을 사용하는 방법은 다음 포스팅에서) 1.  aws cli 설치brew를 사..

AWS 2024. 9. 6. 02:00

주로 웹만 만들다보니 가끔 앱만들면 설정이 헷갈린다. 저번에 해결했던건데 또 찾아보고 하기 귀찮아서 정리하는 폰트 설정방법 Android 설정 안드로이드는 쉽다. `/android/app/src/main/assets/fonts` 에 폰트파일을 잘 넣어주면됨! iOs 설정 여러 설정이 필요함. 보통 ios가 android보다 설정해줘야할게 많다. 보통은. 1. 일단 xcode를 켜고 폴더에 폰트를 추가해준다. 2. `{프로젝트이름}/info`에 들어가서 `Fonts provieded by application`에 폰트를 추가한다. 3. 왼쪽에 프로젝트이름을 누르고, targets를 프로젝트 이름으로 바꿔주기 4. `Build Phases` > `Copy Bundle Resources`에 폰트 추가 아래쪽에..

ReactNative 2023. 5. 5. 18:25

최근 프로젝트를 하면서 아무리 z-index를 입력해도 (심지어 999를 넣어도) 원하는대로 화면위로 올라오지 않았다.z-index보다 위에있는 element는 심지어 z-index가 없어서 더 환장할 노릇이었다.그래서 그동안 한번도 고민해보지 않았던 z-index에 대해 찾아보았다.정말 개발은 하면할수록 내가 모르는게 투성이라는걸 알아가는것 같다.어쨌든 그렇게 알게된 z-index 작동 원리를 정리해보고자 한다. 1.  z-index 도 우선순위가 있다.이번에 알게된 제일 충격적인 사실... z-index도 우선순위가 있다.a. 부모요소의 z-index가 자식요소의 z-index보다 우선순위를 가진다.다른말로 하면, 자식요소의 z-index가 아무리 높아도 부모요소의 z-index에 제한을 받는다. ..

HTML & CSS 2023. 3. 20. 00:21

사이드프로젝트로 만들던 앱 한달쯤 손놓고 있다가 그래도 이번년도가 지나기전엔 완성해야지하면서 들어갔다. 파이어베이스 붙이다가 손놓고있었는데 이부분에서 문제가 있어서 다시 파이어베이스를 설치했다. 그랬더니 `pod-install`이 안됐다. 파이어베이스 버전이 달라서 안된다는건 에러로그를 읽어보면 알겠다. 하지만 ... 아무리 지우고 다시깔아도 안된다. 인터넷에 찾아봐도 지우고 다시깔라는 말 밖에 없음 그래서 뭐가 문제인가 예전에 손놓기전엔 괜찮았던거 같은데 하고 `package.json`을 봤더니 버전에 달랐다. 버전문제인가...? 버전 16.5.0 > 버전 15.7.0 으로 낮췄다. 그랬더니 pod 설치가 완료됐다! 😁

Error 2022. 12. 30. 08:24

HTML에서 변수를 CSS로 보내고 싶다면 어떻게해야할까? 제일 쉬운방법은 inline을 사용해서 넣는것이다. 하지만 가상선택자(`:hover`나 `:after` 같은거...)에서 HTML변수를 사용해야할 일이 있었다. HTML에서 인라인으로 설정할 수 있는 방법이 없다. 그럴때 사용할 수 있는 방법! HTML 인라인으로 변수이름을 정해서 보내주고 CSS에서 그 변수명 그대로 사용하면 된다. // react+typescript를 사용한다면 CSSProperties 타입을 사용해서 변수로 지정할 수 도 있다. const colorInStyle = { '--bg-color': '#ccc' } as CSSProperties; background-color: var(--bg-color); * 참고: CSS 변수..

HTML & CSS 2022. 12. 25. 21:13

HTTP는 Hyper Text Transfer Protocol의 약자로, 하이퍼텍스트를 전송하는 프로토콜이다. 지금은 하이퍼텍스트(html) 뿐만 아니라 모든 형태의 데이터(이미지, 음성, 영상, 파일, 등등)를 다 전송할 수 있다. HTTP메시지는 HTTP헤더와 HTTP바디로 이루어진다. 헤더는 HTTP 전송에 필요한 모든 부가 정보를 포함하고 있다. 바디는 요청에 대한 응답 데이터이다. (byte로 표현할 수 있는 모든 데이터) 오늘은 그 중 HTTP 헤더에 대해 알아 볼 것이다. 헤더에 들어가는 정보로는 메시지 바디의 내용, 크기, 압축, 인증정보, 브라우저 정보, 서버 정보, 캐시 정보 등등이 들어간다. 그 이외에도 필요한 임의의 필드를 추가할 수 있다. 헤더 필드는 다음과 같이 지정할 수 있다...

이론공부 2022. 11. 3. 08:21

터미널에서 거의 매일 사용하는 깃허브 커맨드물론 소스코드 같은 GUI를 사용하긴 하지만 터미널에서 하는게 더 편할때가 있다. 나 같은 경우 항상 터미널에서 사용하는 정형화된 커맨드가 있다. 깃허브 레파지토리의 상태를 로컬에서 최신화시켜주기 위해서branch를 develop으로 이동(`git checkout develop`)한 후 `git pull origin develop` 을 자주 쓴다. 그리고 깃허브로 branch를 push 할때도, 다른 branch를 베이스로 두지 않는 이상develop에서 먼저 최신화시켜주고 rebase 한다음 push 해준다.  그러다 어제 문득 이런생각이 들었다. branch 왔다갔다하면서 적는거 너무 비효율적이지 않은가...그냥 alias 설정해서 커멘드 한번에 다 처리하게..

Terminal (zsh) 2022. 9. 17. 11:35

크롬에서 아무 문제 없었는데, 아이폰으로 열어보니 흰 화면이 떴다. 개발자도구를 열어보니 발견한 에러 Invalid regular expression ... 정규식.....? 찾아보니 사파리에서는 후방탐색 정규식을 지원하지 않는다고했다. 허헣 후방탐색을 사용하지 않고 정규식으로 바꿔주기로했다. url에서 search의 key로 value를 찾는 코드였다. // before const regExp = new RegExp(`(?

Error 2022. 9. 12. 16:54