Like Goseungduk

user_regs_struct 구조체는 아키텍처별로 다르게 정의가 되어있는데, 64비트 CPU임에도 IDE에서 플랫폼인식을 못하는 경우가 있어서 당황... 32비트 64비트 그럴 때는 APP 의 build.gradle 에 타겟 아키텍처만 정의해주면 된다.

안까먹으려고 메모 1. Tools - SDK Manager - SDK Platforms 에서 버전에 맞는 SDK 다운 2. SDK Tools 에서 NDK 다운 3. 앱 디렉토리에 jni 관련 코드를 넣을 디렉토리 생성(나의 경우는 jni) 4. jni 코드 파일을 비롯하여 Android.mk, Application.mk 생성 5. Android.mk 정의 LOCAL_PATH := $(call my-dir) include $(CLEAR_VARS) LOCAL_MODULE := hook-detect LOCAL_SRC_FILES := hook-detect.cpp LOCAL_LDLIBS := -llog include $(BUILD_SHARED_LIBRARY) 6. Application.mk 정의 => 타겟 아키텍..

styled-componets 와 next.js 을 사용하여 개발하다보면 PropclassNamedid not match 라는 오류를 본 사람이 있을 것이다. 오류가 발생함과 동시에 페이지의 CSS 가 다 풀려버리는 경우가 생기는데, 서버사이드로 렌더링되는 next.js 쪽 파일과 클라이언트 사이드에서 렌더링 되는 styled-components 의 css 의 className 이 불일치해서 생기는(?) 문제라고 한다. 이를 일관성 있게 만들어주려면, _document.tsx 를 만들어주어야하고 babel-plugin-styled-components 을 사용하여야한다. yarn add -dev babel-plugin-styled-components 일단 설치해주고, 바벨 옵션이 적용되도록 루트 디렉토리에..

#AWS #React #Nginx ※ 본 글은 [AWS EC2] EC2에 React 앱 + Node.js 서버 배포 2 - Nginx + React 글을 출처로 하여 작성합니다. 오랜만에 개발로 글쓴다 :) 요즘은 개발 일 투성이라 백/프론트에 몰두 하고있다. 여태까지는 React 로 개발하면서 디버깅 모드로 그냥 로컬에서 끄적이면, PM 하시는 분이 알아서 배포해주셔서 "음, 잘돌아가눈군" 하고 말았었는데 요번에는 내가 개발과 더불어 배포까지 맡게 되면서 부랴부랴 AWS 에 배포하는 방법을 찾아보았다. 그래서 찾아본게 AWS EC2 + Nginx 조합이다. 보안하면서는 웹서버로 Nginx 보다는 apache,tomcat 부류를 볼일이 많았는데 개발 쪽에서는 Nginx 가 상당히 가볍고(?) 편해서 많이..

ESLint : Javascript 파일 및 JSX(TSX) 파일에 대한 문법 감시 도구. 문법에 맞지 않는 코드, 참조되지 않는 변수 등등을 감시하여 정해진 기준에서 벗어난 코드를 쓰지않도록 도와주는 길잡이 역할을 함. Prettier : 코드의 들여쓰기를 비롯한 여러 심미적 요소들을 코드 developing 하는데에 있어서 더 효율적일 수 있게 만들어줌. 말 그대로 코드를 이쁘게 만들어쥼. VS CODE 확장 프로그램에도 있숨. yarn --dev add eslint prettier yarn add --dev @typescript-eslint/eslint-plugin @typescript-eslint/parser yarn add --dev eslint-config-prettier eslint-plug..

#Git #Github #merge #pull #fetch Fork 를 해온 리포지토리 저장소가 최신버전 커밋으로 업데이트 되었을 때 가져오는 법. 맨날 까먹어서 적어놓음. 1. remote 리포지토리 git remote add upstream [원본저장소 URL] 2. 해당 리포지토리 fetch git fetch upstream 3. fetch 한 리포지토리의 master 브랜치로 부터 merge git merge upstream/master 4. 내 리포지토리에 변경 내용 push git push -u origin master 끗

.container { display: "flex" ... } 가로, 세로 축 정렬을 할 때 flex display 방식을 많이 썼는데 갑자기 justify-content 가 제대로 작동을 안했던 일 때문에 찾아봄. justify-content property isn't working 결론적으로는 flex 내부 아이템들이 고정되고 나서도 밖의 컨테이너와의 남은 여백이 있어야 justify-content 가 잘 작동한다는 당연한 사실이었다. 자세한 이유는 아래와 같다. if your flex items are all inflexible (flex: none or flex: 0 0 auto), and smaller than the container. if your flex items are flexi..