목록IT (166)

차근차근 생활 & 코딩

[React Native] RN - 네이버 로그인하기(Android Naver Login)

안녕하세요. 이번시간에는 네이버 로그인 방법에 대해서 알아보도록 하겠습니다. 긴 내용이니 천천히 따라하시면 됩니다. Step. 1 / React Native 앱 설치하기 npx react-native init test1 Step. 2 / 패키지 설치하기 # npm npm install @react-native-seoul/naver-login --save # yarn yarn add @react-native-seoul/naver-login Step. 3 / 네이버 로그인 코드 사용하기 ① App.tsx 파일 선택 후 기본 코드는 지우도록 합니다. ② 아래 코드를 복사하여 App.tsx에 붙여넣어 주도록 합니다. ③ Naver Developers 사이트 애플리케이션 정보 Client ID를 확인하여 코드에 ..
IT/REACT NATIVE(리액트 네이티브) 2023. 6. 14. 14:29
[React] MUI DataGrid Date Format 변경하기

[MUI or MATERIAL UI] / 날짜 표시 - 2023-01-03T10:24:30.129Z 변경하려면 valueFormater에서 옵션을 변경하면 원하는 서식으로 변경됩니다. import dayjs from 'dayjs'; const columns = [ ... { field: 'createdAt', headerName: 'Join Date', width: 100, valueFormatter: (params) => dayjs(params.value).format('DD/MM/YYYY'), }, ... ] [MUI or MATERIAL UI] / 원 단위 콤마 단위 표시 - 100,000 import dayjs from 'dayjs'; const columns = [ ... { field: 'CO..
IT/REACT(리액트) 2023. 6. 1. 15:40
[UNRAID] 언레이드 - MariaDB 설정하기

안녕하세요. 이번시간에는 UNRAID(언레이드)를 가지고 MariaDB를 설정해 보도록 하겠습니다. Step. 1 설치하기 ① 네이게이션 탭 중 앱을 선택해 줍니다. ② 검색창에 mariadb를 검색해 주도록 합니다. ③ 검색이 완료 되었으면 설치를 해주도록 합니다. ① MYSQL_ROOT_PASSWORD 입력칸에 원하는 비밀번호를 입력하도록 합니다. ② MYSQL_DATABASE 입력칸에 원하는 데이터베이스 이름을 입력하도록 합니다. ③ MYSQL_USER 입력칸에 원하는 본인의 아이디를 입력하도록 합니다. ④ MYSQL_PASSWORD 입력칸에 원하는 본인의 패스워드를 입력하도록 합니다. ⑤ REMOTE_SQL 항목은 제거해 주도록 합니다. ⑥ 작성이 완료되었으면 적용을 눌러주도록 합니다. ① 설치가..
IT/NAS 2023. 4. 13. 15:04
[Synology NAS] 시놀로지 나 Plex 업데이트(Plex update)하기

안녕하세요. 이번시간에는 시놀로지 Plex 업데이트 하는 방법에 대해 알아보도록 하겠습니다. 어렵지 않으니 금방 따라하실수 있습니다. 플렉스 홈페이지에서 다운로드를 눌러 파일을 받아 주도록 합니다. ① 패키시 센터를 클릭해 주도록 합니다. ② 모든 패키지를 선택하여 Plex Media Server을 선택해 주도록 합니다. ③ 실행중인 Plex Media Server를 중지 해 주도록 합니다. ① 왼쪽 상단에 수동 설치를 눌러주도록 합니다. ② 수동 설치 팝업창에서 찾아보기를 눌러주도록 합니다. ③ 다운로드 받은 PlexMediaServer 파일을 선택해 주도록 합니다. ④ 다운로드 받은 PlexMediaServer 파일을 열기를 눌러 주도록 합니다. 그림과 같이 순서대로 진행하시면 업데이트가 이루어 집니..
IT/NAS 2023. 2. 28. 09:46
[홈서버] VM 윈도우 10 한/영 전환 하기

안녕하세요. 이번시간에는 VM 윈도우 10 한/영키가 눌러지지 않을때 Shift + Space 를 사용하여 한/영키를 변경하는 방법에 대해 알려드리겠습니다. ▶ Shift + Space (한/영 키 전환) ▶ Ctrl + Space (한자 키 전환) ① 윈도우키 + I 단축키를 이용하여 윈도우 설정에 들어가 주도록 합니다. ② 시간 및 언어를 선택해 주도록 합니다. ③ 언어 탭바를 선택해 주도록 합니다. ④ 한국어를 선택하면 옵션 버튼을 추가로 선택해 주시면 됩니다. ⑤ 레이아웃 버튼을 눌러 주도록합니다. ⑥ 한글 키보드 종류 버튼을 클릭해 줍니다. ⑦ 한글 키보드(101키) 종류 3번을 클릭합니다. ⑧ 설정이 완료 되었으면 마지막으로 확인 버튼을 눌러줍니다.
IT/홈서버 2023. 2. 8. 14:10
[React] Material UI(MUI) - DataGrid Row 선택 행 콘솔 값 가져오기

아래 코드를 추가하면 됩니다. onSelectionModelChange={(itm) => console.log(itm)} console.log(itm)} disableSelectionOnClick experimentalFeatures={{ newEditingApi: true }} onCellDoubleClick={(e) => childFunction(e)} />
IT/REACT(리액트) 2023. 1. 16. 15:26
[HOME SERVER] 홈 서버 구축 1편 - Why 홈서버?

항상 홈서버를 구축하기로 맘을 먹었었는데 항상 시간도 없고 귀찬다는 핑계로 안하고 있었는데 이번에 드디어 실행하기로 맘을 먹었습니다. 세팅하는 시간보다 티스토리 글을 정리하고 작성하는 시간이 더욱 오래 걸리는 것 같습니다. 홈서버(HomeServer)란? - 가정에서 간단하게 사용하기 위한 서버 (함정은 간단하지 않다는 것) 집에 왜(Why) 서버가 필요한가요? - 홈서버를 구축하는 것은 주로 학습, 취미 등에 목적 - 하드디스크에 내가 소유하고 있는 자료 영구 저장 가능 홈서버로 어떤 것들에 사용할 수 있나요? - 구글포토 처럼 나만의 사진을 우리집 서버 저장 - 티스토리 처럼 나만의 블로그 웹사이트 구축 - 넷플릭스와 같은 홈 미디어 구축 - 마인크래프트 같은 게임 서버 구축 - 스마트 홈 구축 - ..
IT/홈서버 2023. 1. 12. 16:13
[Synology Nas] 유용한 Docker 설치편 - Plex(개인 NAS 서버 클라우드 미디어 서비스)

안녕하세요. 이번시간에는 개인의 NAS 서버를 넷플릭스나 IPTV처럼 이용가능하게 만들어주는 클라우드 미디어 서비스 설치법에 대해 알아보도록 하겠습니다. Step 1. 폴더 생성하기 - 자료를 저장할 폴더를 생성해 주도록 합니다. Step 2. 스크립트 설정하기 제어판 ▶ 작업 스케줄러 ▶ 예약된 작업 ▶ 사용자 정의 스크립트 ① 제어판을 열어 주도록 합니다. ② 작업 스케줄러 탭을 선택합니다. ③ 생성에 예약된 작업을 선택합니다. ④ 마지막으로 사용자 정의 스크립트를 선택합니다. docker run -d --name=plex \ -e PUID=1026 \ -e PGID=100 \ -e TZ=Asia/Seoul \ -e VERSION=docker \ -v /volume1/docker/plex:/confi..
IT/NAS 2023. 1. 12. 09:35
Prev 1 2 3 4 5 ··· 21 Next