전체 글 772

React Native React Navigation Redux Reduxpersist with Typescript (+Jest)

보일러 플레이트를 사용하면 좋겠지만, 리덕스에 익숙하기 때문에 정리하는 의미에서 아래 순서대로 설치를 해보도록 하겠습니다. 1. React Native (0.65) with Typescript RN 테플렛을 사용합니다. npx react-native init MyApp --template react-native-template-typescript 2. React Navigation 설치 yarn add @react-navigation/native 디펜던시 설치 yarn add react-native-screens react-native-safe-area-context ios경우 npx pod-install ios 안드로이드 경우 실행되도록 android/app/src/main/java//MainActiv..

코딩배우기 2021.09.20

adb: command not found 해결 방법

앱 개발 때처럼 안드로이드 스마트폰을 컴퓨터에 연결하여 제어할 때, ADB devices 명령을 입력하고 adb : command not found 이 나왔을 때는, export PATH=$PATH:/Users/사용자명/Library/Android/sdk/platform-tools 를 입력합니다. 나의 경우는 export PATH=$PATH:/Users/tagi/Library/Android/sdk/platform-tools 이렇게 입력을 했습니다. 입력 후 디바이스가 연결이 됐는지 확인 할 경우에는 adb devices 로 확인할 수 있습니다.

코딩배우기 2021.09.10

리액트 네이티브 디버거 설치하기

리액트 네이티브 디버거를 오랜만에 다시 설치하려고 하니 달라진 점들이 있어서 기록으로 남겨둡니다. 1. 설치버전 2. 리액트네이티브 디버거 설치 3. 리덕스 익스텐션 설치 1. 설치 버전 react: 17.0.2 react-native: 0.65.1 react-redux: ^7.2.4 redux: ^4.1.1 redux-devtools-extension: ^2.13.9 redux-logger: ^3.0.6 2. 리액트네이티브 디버거 설치 https://github.com/jhen0409/react-native-debugger GitHub - jhen0409/react-native-debugger: The standalone app based on official debugger of React Nativ..

코딩배우기 2021.08.28

왕초보용 맥터미널 명령어 정리

프로그래밍을 한다면 반드시라고 말해도 좋을 정도도 터미널을 사용합니다. 이번 시간에는 기본적이고 중요한 명령을 요약해 두도록 하겠습니다. 맥의 터미널을 만지는 것이 처음이면 한번 가볍게 훑어본 후에 사용을 하면 좋을 것 같습니다. 구체 적인 명령을 설명하기 전에 자주 나오는 단어는 다음과 같습니다. 디렉토리 = 폴더 홈 디렉토리 = 터미널을 시작할 때의 기본 디렉토리 명령 목록 ls 명령 list의 약자로 현재 디렉토리에있는 파일을 표시한다. ls # 현재 디렉토리에있는 파일이나 디렉토리를 표시 ls -l # 파일 및 디렉토리에 대한 자세한 내용ㅡㄹ 동시에 표시 ls -a # 숨겨진 파일을 포함 파일이나 디렉토리를 모두 표시 ls -la # 숨겨진 파일을 포함한 모든 파일과 디렉토리의 내용을 표시 cd ..

맥북 2021.08.19

왕초보 도커 입문해서 도커 사용법을 정리해 봤다.

새삼스럽지만 도커(Docker)에 입문했기 때문에 정리해 봤습니다. 이제 도커는 세상에서는 당연한 기술. 적어도, 조금 만져본정도의 기본적인 지식 정도는 익혀야 합니다. 요약 Docker는 기존의 Linux 커널 기능으로 이루어져 있다 이미지를 공유하여 여러 사람이 여러 곳에서 쉽게 이미지로 컨테이너를 시작할 수 있다 Docker 커멘드에서 컨테이너를 하나하나씩 명령한다 Docker 커멘드를 두드리는건 불편하니 Dockerfile 을 이용하자 하나 하나 컨테이너를 관리하는 불면하니 docker-compose 로 동일한 호스트 OS의 여러 컨테이너를 한꺼번에 관리 하자 가상화 개요 (호스트형 가상화 vs 하이퍼 바이저 형 가상화 vs 컨테이너형 가상화) 호스트 형 가상화 호스트 OS에서 실행하는 가상화 소..

코딩배우기 2021.08.09

크롬 느림 크롬 로딩속도 크롬 인터넷 속도 느릴 때 대처법

갑자기 찾아온 크롬 느림.. 답답합니다. 로딩이 늦을 뿐 아니라 인터넷 속도마져 떨어지더군요. 첨엔 컴퓨터가 원인인 줄 알았는데, 다른 브라우져에서 인터넷 속도를 테스트해 보니 인터넷 연결은 멀쩡했습니다. 그래서 문제를 알아보니 원인은 다른곳에 있었습니다. 저는 맥을 사용하고 있는데요, 크롬이 느릴때 해결할 수 있는 방법을 아래서 소개합니다. 크롬이 무겁고 · 느린 원인 방법① 불필요한 탭 닫기 방법② 크롬 다시 시작 방법③ 하드웨어 가속을 해제 방법④ 불필요한 확장프로그램 제거 방법⑤ 통신 상태 확인 방법⑦ 크롬 다시 설치 Chrome 이 무겁고 · 느린 원인 탭이 너무 많이 열려 있다 Chrome의 일시적인 오류 하드웨어 가속이 켜져있다 설치된 확장 기능이 많다 사용량에 탑재하는 메모리의 용량이 부족..

IT 인터넷 2021.08.06

워드프레스 테마 만들기 ③ page.php 만들기

안녕하세요. 이번시간에는 새롭게 워드프레스 테마를 부트스트랩을 이용해서 만드는 방법에 대해서 소개하고 있습니다. 이번시간에는 php 화일의 기초?가 되는 page.php 를 만드는 방법에 대해 알아보겠습니다. 1. page.php page.php 는 워드프레스의 고정페이지를 나타내 주는 템플렛과도 같은 파일입니다. 이 파일로 인해서 헤더에 바디 그리고 푸터가 정해지고, 바디에는 피처이미지를 어떻게 할 것인지 등등을 정하게 됩니다. 2. 는 header.php 의 내용을 가져오라는 명령입니다. 컨테이너를 써 주면 부트스트랩의 컨테이너 css가 적용됩니다. 페이지의 타이틀을 동적으로 넣어주는 코드입니다. 포스트가 있다면 아래 컨텐츠를 보여주라라는 내용입니다. 마지막으로 푸터를 가져오라는 내용입니다.

윈도우 2021.07.06

워드프레스 테마 만들기 ② 스크립트 엔큐 wp_enqueue_scripts

안녕하세요. 이번시간에는 새롭게 워드프레스 테마를 부트스트랩을 이용해서 만드는 방법에 대해서 소개하고 있습니다. 이번시간에는 스타일을 엔큐하는 방법에 대해 알아보겠습니다. 스타일 엔큐 엔큐는 큐(대기)에 올려놓는다는 의미로 항시 대기를 시켜둔다는 뜻인데요. 그때 그때 읽어 들이기에는 너무 자주 쓰거나 혹은 용량이 큰 화일의 경우 엔큐를 해 두고 사용하는 의미입니다. 엔큐를 하는 화일들은 그만큼 중요한 화일들이라고도 할 수 있겠네요. 워드프레스 테마 만들기에서 엔큐할 기본적인 화일은 아래와 같습니다. style 화일 js 화일 jquery 화일 functions.php 를 열고 아래와 같이 입력을 합니다.

블로그 2021.07.06

워드프레스 테마 만들기 ① 필요한 준비

안녕하세요. 이번시간에는 새롭게 워드프레스 테마를 부트스트랩을 이용해서 만드는 방법에 대해서 소개를 하겠습니다. 이번시간에는 워드프레스 테마를 만들기 위해 먼저 필요한 준비사항을 소개합니다. 1. 새로운 테마용 디랙토리 작성 워드프레스 디랙토리 내의 wp-content/themes 폴더에 새로운 테마용 폴더를 만들고 이름을 정해줍니다. 2. 부트스트랩 에서 css 와 js를 다운로드 받습니다. https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 작성 시점 현재 5.0.2 다운로드한 파일은 새롭게 만든 테마 폴더안에 넣어 줍니다. 3. 화일을 만듭니다. 아래 화일..

블로그 2021.07.06