coding- w00se

어제까지 잘 되던 Android build 과정에 오늘 갑자기 문제가 생겼다. 문제는 react-native-push-notification 라이브러리의 파일 import 부분에서 발생했다. 문제가 된 부분 'import com.google.firebase.iid.FirebaseInstanceId' not Found *문제를 처음 만났을 때 에러 부분을 캡쳐하지 못해 글로 적었습니다.😭 *문제가 된 파일 경로는 아래와 같습니다. node_modules/react-native-push-notification/android/src/main/java/com/dieam/reactnativepushnotification/modules/RNPushNotification.java 해결 방법 참고 해결 방법은 reac..

작품을 통해 사람을 만나다, ATSAY입니다. ATSAY에 로그인하게 되면 가장 처음 만나는 화면은 홈 화면입니다. 홈 화면은 검색, 마이 페이지, 알림 목록 스크린 등 다른 스크린으로 이동할 수 있는 교차로 역할과 다른 유저들이 작성한 게시글을 최신 순으로 보여주는 종합 게시판의 역할을 하고 있습니다. 1.0.23 버전 기준으로 홈 화면에는 아래의 기능들이 있습니다. 교차로 역할 홈 화면은 탭 네비게이터 안에서 구현되어 있습니다. 파란색 박스 안 아이콘 터치를 통해 다른 탭 화면으로 이동이 가능합니다. 홈 화면 안에서는 각 버튼을 터치 시 게시글 작성(녹색 박스), 알림 목록 화면(빨간색 박스)으로 이동할 수 있는 기능이 구현됐습니다. *파란색 박스 안 아이콘은 왼쪽부터 홈 화면, 검색 화면, 살롱 목..

DOM = The Document Object Model MDN 웹 문서에는 DOM을 아래와 같이 설명한다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 웹 페이지의 객체 지향 표현이며, 자바스크립트와 같은 스크립팅 언어를 이용해 DOM을 수정할 수 있다. 1분 코딩 강사님께서는 아래와 같이 DOM을 설명하셨다. 문서 안의 태그, 속성, 클래스, id, 텍스트 등을 객체로 바라보는 모델로 Html 요소를 Javascript로 조작하는 것이다. 마지막으로 참고한 J 기술 블로그에는 아래와 같은 설명이 있다. DOM은 문서 내..

www.acmicpc.net/problem/3190 3190번: 뱀 'Dummy' 라는 도스게임이 있다. 이 게임에는 뱀이 나와서 기어다니는데, 사과를 먹으면 뱀 길이가 늘어난다. 뱀이 이리저리 기어다니다가 벽 또는 자기자신의 몸과 부딪히면 게임이 끝난다. 게임 www.acmicpc.net 해당 문제는 뱀 머리의 위치를 이동시키며 뱀의 머리가 자신의 몸 또는 벽에 부딪힐 때까지의 시간을 계산하는 것이 목적입니다. 접근법 1 종료 조건에 맞게 게임 중단시키기 게임의 종료 조건은 두 가지가 있습니다. 1. 뱀의 머리가 벽에 부딪혔을 때 종료됩니다. 2. 뱀의 머리가 자신의 몸에 부딪혔을 때 종료됩니다. 저는 위의 조건을 간단히 확인하기 위해 아래와 같은 전략을 세웠습니다. 1. 벽과 뱀의 몸 위치에는 -1을..

www.acmicpc.net/problem/16236 16236번: 아기 상어 N×N 크기의 공간에 물고기 M마리와 아기 상어 1마리가 있다. 공간은 1×1 크기의 정사각형 칸으로 나누어져 있다. 한 칸에는 물고기가 최대 1마리 존재한다. 아기 상어와 물고기는 모두 크기를 가 www.acmicpc.net 해당 문제 '엄마 상어의 도움이 없이 먹이(물고기)를 먹을 수 있는 시간'을 계산하는 문제입니다. 문제 핵심 이 문제에서 상어는 가장 가까운 먹이를 먹으러 장소를 이동합니다. 따라서 탐색을 할 때 너비 우선 탐색(BFS)을 이용하는 게 적합한 거 같습니다. 저는 이 문제를 해결할 때 두 가지 실수를 하여 시간이 오래 걸렸습니다. 실수 1 상어의 위치를 0으로 초기화하지 않았다. - 초기 입력에서 상어의 ..

www.acmicpc.net/problem/20056 20056번: 마법사 상어와 파이어볼 첫째 줄에 N, M, K가 주어진다. 둘째 줄부터 M개의 줄에 파이어볼의 정보가 한 줄에 하나씩 주어진다. 파이어볼의 정보는 다섯 정수 ri, ci, mi, si, di로 이루어져 있다. 서로 다른 두 파이어볼의 위치 www.acmicpc.net 각 파이어 볼은 (행의 위치, 열을 위치, 질량, 속력, 방향)의 정보를 가지고 있으며 각 이동 회차마다 주어진 방향으로 속력만큼 이동을 합니다. 이 문제는 K번 이동 후 남아있는 파이어볼의 질량의 합을 구하는 문제입니다. 특징 1 IndexError: list index out of range(인덱스 에러)가 발생하지 않도록 파이어볼의 위치를 계산해야 한다. - 격자의 ..

작품을 통해 사람을 만나다, ATSAY입니다. ATSAY는 작품을 중심으로 사람들이 소통하는 공간을 제공합니다. 앱에서 사람들과 소통을 하는 수단으로는 게시글, 댓글 등의 기능이 있습니다. 오늘은 이 중 댓글을 통해 소통할 수 있는 화면에 대해 글을 작성하려 합니다. ATSAY의 '댓글 작성 화면'에서 할 수 있는 일을 아래와 같습니다. 화면 기능 목록(1.0.18 버전 기준) 1. 댓글 작성 2. 댓글 좋아요 3. 답글 달기 4. 댓글 수정 5. 댓글 삭제 6. 댓글 복사 7. 댓글 신고 댓글 작성 기능 댓글을 작성하는 기능입니다. 게시글에 대해 하고 싶은 이야기를 텍스트 입력창에 내용을 입력하고 '게시' 버튼을 누르면 댓글 작성이 완료됩니다. 관련 게시글 - [React Native] 입력창 - 키보..

채팅, 댓글 기능이 들어간 앱에서는 일반적으로 아래와 같이 정보들은 위쪽에 입력창이 아래쪽에 배치되어 있는 화면을 갖게 됩니다. 이번 게시글에는 React-Native에서 위와 같은 스크린을 작업할 때 겪었던 'TextInput이 포커스 됐을 때 Keyboard가 올라오며 겹쳐지는 문제'에 대한 ios에서의 해결 방법을 적으려 합니다. 문제 상황 TextInput이 포커스 됐을 때 Keyboard가 올라오며 겹쳐진다. 해결 방안 KeyboardAvoidingView + 적절한 padding 값 조절 KeyboardAvoidingView는 React Native 공식 문서에서 지원하는 컴포넌트입니다. 해당 컴포넌트에 대한 공식 문서의 설명은 아래와 같습니다. It is a component to solve..

www.acmicpc.net/problem/12100 12100번: 2048 (Easy) 첫째 줄에 보드의 크기 N (1 ≤ N ≤ 20)이 주어진다. 둘째 줄부터 N개의 줄에는 게임판의 초기 상태가 주어진다. 0은 빈 칸을 나타내며, 이외의 값은 모두 블록을 나타낸다. 블록에 쓰여 있는 수는 2 www.acmicpc.net 이 문제는 2048 게임을 구현하는 문제입니다! 보드의 크기는 4X4이며 최대 5번 움직였을 때 보드판 내의 가장 큰 수를 구하는 게 목적입니다. 저는 해당 문제를 한 번에 통과를 못하였고 반례를 통해 코드를 보완한 후 통과를 했습니다..ㅎㅎ 혹시 코드를 짠 후 통과를 못하시는 분이 계시다면 반례를 통해 코드를 점검하는 것도 좋을 거 같아요😁 제가 참고한 반례 링크는 아래와 같습니다..

[문제 출처] www.acmicpc.net/problem/13460 13460번: 구슬 탈출 2 첫 번째 줄에는 보드의 세로, 가로 크기를 의미하는 두 정수 N, M (3 ≤ N, M ≤ 10)이 주어진다. 다음 N개의 줄에 보드의 모양을 나타내는 길이 M의 문자열이 주어진다. 이 문자열은 '.', '#', 'O', 'R', 'B' www.acmicpc.net baekjoon님이 만드신 '삼성 SW 역량 테스트 기출문제' 문제집을 풀기로 하고 만난 첫 번째 문제입니다! 역시 기출 문제여서 그런지 저에게는 상당히 난이도가 높았습니다😭 혹시나 테스트 케이스는 모두 통과하지만 반례를 찾지 못한 분이 계시다면 아래의 링크 속 반례를 시도하시는 걸 권합니다!! (제가 해당 반례를 고려하지 못해서 실패를 했었거든요..