더 많은 포스팅 보기 자세히보기

프론트엔드 37

H-Index

문제 설명 H-Index는 과학자의 생산성과 영향력을 나타내는 지표입니다. 어느 과학자의 H-Index를 나타내는 값인 h를 구하려고 합니다. 위키백과1에 따르면, H-Index는 다음과 같이 구합니다. 어떤 과학자가 발표한 논문 n편 중, h번 이상 인용된 논문이 h편 이상이고 나머지 논문이 h번 이하 인용되었다면 h의 최댓값이 이 과학자의 H-Index입니다. 어떤 과학자가 발표한 논문의 인용 횟수를 담은 배열 citations가 매개변수로 주어질 때, 이 과학자의 H-Index를 return 하도록 solution 함수를 작성해주세요. 나의 풀이 function solution(citations) { const sortedCitations = citations.sort((a, b) => b - a)..

보이는 이슈(안드로이드 로그캣과 빌드 정적검사)

네이티브 개발을 하다 보면, 플레이스토어에 찍힌 크래시 이슈를 추적하기가 어려울 때가 있다. 이럴 때 안드로이드 스튜디오에서 제공하는 기능을 사용하면 쉽게 이슈를 추적하여 해결할 수 있기 때문에 매우 편하다. 로그캣 로그캣은 테스트를 할 디바이스를 컴퓨터에 연결하기만 하면, 바로 앱별 필터와 텍스트 필터링을 통하여 손쉽게 찍히는 로그들을 확인하며 이슈를 찾아낼 수 있다. 중단점 중단점은 개발 중 코드에서 원하는 위치에 실행하다가 멈추게 할 수 있으며, 이를 활용하여 단계적으로 중단점을 세워서 이슈가 발생하는 위치를 파악하여 쉽게 해결할 수 있도록 해준다. 어쩌면 웹에서 프록시로 버프 스위트를 사용하는 느낌을 받았다. 이 외에도 콘솔 로그나 네트워크 그리고 빌드 후 로그 분석 등을 활용하여 안드로이드 이슈..

tailwind css

tailwind란 한마디로 뚱뚱한 css 유틸이다. 미리 css을 정의해두어 익숙해지면, 빠르게 원하는 결과물을 만들어 낼 수 있다. Select Item Grey Chair $19 Grey Chair $19 {/** border-style: dashed */} Total $10 Checkout 위와 같이 class을 조합하여 스타일한다. 부트스트랩에서는 사용한 사이트를 가면 사용여부를 알 수 있지만, 이와 다르게 정해진 사양이 없어서 자유롭다. 허나 class를 사용한다는 점에서 가독성이 떨어지므로 tailwind-styled-components를 사용하는 것도 좋을 것 같다. Tailwind CSS - Rapidly build modern websites without ever leaving your..

프론트엔드 2022.02.07

RN 채널톡 안열림 이슈

November 1, 2021 4:29 PM 고객 센터 채널톡이 안열리는 문제를 인식함. 이전 버전에서도 안되고, 플렛폼과 무관하다는 것을 확인하였음. 안드로이드 스튜디오 attach 디버거를 사용하여 채널톡 자바코드를 분석해봄. 계속 따라가다보니 public void showMessenger(Activity activity) { if (!GlobalStore.get().bootState.get()) { L.e("Fail to start messenger, please 'Boot' first"); } else { IntentUtils.setNextActivity(activity, LoungeActivity.class).putExtra("handleOpenChat", false).putExtra("page..

node 경로를 잡지 못하는 문제 해결

😱 상황 어제 노드를 다시 설치했더니 노드 경로를 찾지 못한다고 하면서 env: node: No such file or directory 이러한 에러가 발생함. 이유는 어제까지 nvm를 사용하여 노드를 설치하고 사용하였는데 이번에는 Homebrew로 노드를 설치함 그러하여 which node로 노드위 위치를 확인 하였는데 경로가 바뀜 👍 해결 방법 which node 현 노드의 위치 ln -s ${현 노드의 위치} /usr/local/bin/node

[리액트 네이티브] Xcode 12.5 =< folly flipper 사용 시 빌드에러 해결

😱 상황 리액트 네이티브 flipper를 사용 시 xcode12.5이상의 빌드를 진행할 경우 Facebook에서 개발한 디버깅 도구인 flipper가 네이티브 코드에 종속적이어서 Swift 컴파일러가 업데이트될 때마다 빈번하게 에러가 발생한다. 이번 경우에는 Pods 폴더 내부에 있는 Flipper-Folly와 RCT-Folly에 DistributedMutex-inl.h파일에서 발생하였는데 해결 방법은 아래와 같다. 👍 해결 방법 # ios/Podfile # Enables Flipper. # # Note that if you have use_frameworks! enabled, Flipper will not work and # you should disable these next few lines. us..

리액트 네이티브 안드로이드 에뮬레이터 문제 해결

$HOME/.bash_profile 이나 $HOME/.bashrc ( zsh 를 사용한다면, ~/.zprofile or ~/.zshrc) export ANDROID_HOME=$HOME/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/emulator export PATH=$PATH:$ANDROID_HOME/tools export PATH=$PATH:$ANDROID_HOME/tools/bin export PATH=$PATH:$ANDROID_HOME/platform-tools 에뮬레이터는 실행되지만, "ADB server didn't ACK"와 같은 에러가 발생 한 경우 adb kill-server adb start-server 의 명령어를 입력 후 'started..

반응형