| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
- 개발
- 티스토리챌린지
- toml
- 오블완
- css
- 백준
- Jenkins
- chrome
- Express
- 파이썬
- 코딩테스트
- Next
- docker
- NanoHttpd
- JavaScript
- spring boots
- 오퍼월
- kotlin
- EC2
- React
- TypeScript
- it
- python
- 코테
- AWS
- react-native
- nuxt
- 광고 id
- Android
- nginx
- Today
- Total
목록전체 글 (193)
내맘대로 개발일지
📱테스트 환경 "react": "18.2.0" "react-dom": "18.2.0" "typescript": "^5.1.6" 😢 내가 겪은 문제 나는 개발할 때 CSS 작성하는게 제일 햇갈리고 어렵다... 원래 필요할때마다 찾아쓰라고는 하는데 할때마다 멈칫멈칫 하는게 아주 기분이 나쁘다. 그래서 그냥 기록해놓는게 편하겠다 싶어서 기록하기로 하였다. 아주아주 간단하고 복사해서 붙여놓으면 바로 쓸 수 있다. 아주 좋다고 할 수 있다. left: 50%; transform: translate(-50%, -50%); 중요한건 2번째 줄 코드인데 translate(-50%, -50%): 백분율 값을 사용하여 요소를 수평 및 수직으로 이동 -50% 값은 요소의 너비의 반만큼을 왼쪽(수평)으로, 높이의 반만큼을 위..
📱테스트 환경MacBook Pro 13 ( M2 )😢 내가 겪은 문제신규 프로젝트를 진행할때마다 NextJS + TypeScript 프로젝트를 생성하려고 하는데 명령어가 익숙하지가 않아서맨날 검색해서 사용했는데 .. 이럴꺼면 그냥 기록해놓고 필요할때마다 긁어와서 사용해야겠다 ^^ 해당 명령어를 터미널에서 사용하면 Typescript 가 적용된 Next 프로젝트를 생성 할 수 있다.@latest latest 는 번역해도 "최신의" 라는 뜻인데 말 그대로 최신버전을 설치한다는 말이다.npx create-next-app@latest --typescript Ok to proceed ? 계속 진행 할꺼냐고 묻는말에 y 를 해답해주고What is your Project named ? 프로젝트 이름을 설정해주고..
📱테스트 환경 Samsung Galaxy Android 13 • Android 10 😢 내가 겪은 문제 이미지 뷰어를 만들고있었는데, Room 에서 가져온 ByteArray 형식의 이미지를 intent.putExtra 를 통해 이미지를 보여주고 있었다. 테스트 할 때는 딱히 크러시가 발생하는 일이 없었는데 3000x4000 해상도의 JPEG 형식의 이미지를 뷰어로 만드려고 했을 때 에러가 발생했다. 이유는 이미지 크기가 너무 커서 Extra 로는 보낼 수 없다는게 주요 내용이였다. intent.putExtra("imageBitmap", imageByteArray) 오류를 해결하기 위해서는 외부 저장소에 파일을 저장하고, 저장 경로를 전송해 주는 방식으로 해결 했는데 이 방법의 문제점은 저장소에 파일이 계..
📱테스트 환경 Samsung Galaxy Android 13 • Android 10 😢 내가 겪은 문제 앱 버전을 변경하려고 보니 .. 부끄럽게도 어디있는지 찾지를 못했다 ... 자존심이 상해서 검색하지 않고 온 파일을 뒤졌는데 AppVersion 으로 파일마다 다 검색하고 다녔는데 없었다 ^^ 진짜 너무 부끄럽게도 versionName 으로 있다. build.gradle (Module :app) Android 에서 Gradle Scripts 에 있다. ^^ defaultConfig { applicationId "..." minSdk 21 targetSdk 33 versionCode 1 versionName "1.0.0" testInstrumentationRunner "androidx.test.runne..
📱테스트 환경 Samsung Galaxy Android 13 • Android 10 😢 내가 겪은 문제 스퀘어클(Squicle) 디자인에 대해 처음들어봤다. 스퀘어클 디자인을 적용해달라는데 처음에 뭔말인가 싶었는데 ... 카카오톡 프로필에 적용된 디자인을 생각하면 된다. 모서리가 둥근 정사각형 스퀘어(Squre) + 써클(Circle) 의 합성어라고 한다. 말을 처음들어서 그렇지 익숙한 디자인의 형태였다. 그래서 쓸일이 많아서 기록해 두고 언제든지 복사 • 붙여넣기해서 쓰려고 한다 ^^ Squicle.xml 코드도 워낙 간단해서 알겠지만 한줄씩 설명을 적어보자면, 도형 내부를 채우는 색을 정의 여기서는 흰색으로 설정 도형의 테두리 선을 정의 선의 두께를 2dp로, 색을 흰색(#ffffff)으로 설정 줄은..
📱테스트 환경 Samsung Galaxy Android 13 • Android 10 😢 내가 겪은 문제 화면 정 가운데 배치하는 것 쯤은 쉽게 할 수 있게 기록을 해두려고 한다. 언제든지 복사해서 쓸 수 있도록 ImageView 를 여기다가 옮겨놓도록 해야겠어 ....!! 다 필요없고 밑에 코드만 넣어두면 전체화면 가운데에 정렬된다. ImageView 가 됐든 TextView 가 됐든 동일하다 !! app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintBottom_toBottomOf="par..