Gopythor

-더니 -었더니

Gopythor — Sun, 21 Jun 2026 14:00:11 +0900

-었더니는 1인칭에서 사용

내가 약을 먹었더니 감기가 다 나았어요.
내가 많이 먹었더니 배탈이 났어요
내가 고양이를 따라갔더니 고양이가 도망갔다.

-더니 는 1인칭 관찰자 시험에서 사용(지켜보는 상황)

전에는 이 가게가 싸더니 요즘은 비싸졌다.
동내에서 네가 가장 시끄럽더니 요즘은 조용해졌다.
고양이가 나를 따라오더니 냥냥펀치를 날리더라.

일본 마이넘버카드 ic리더기없이 pc에서 불러오기(재류카드 갱신)

Gopythor — Mon, 7 Jul 2025 21:29:48 +0900

소속회사가 바뀌면서 재류카드 갱신을 스스로 해야 한다고 하길래, 방법을 찾아보다가 재류카드 온라인 신청이 있다고 해서 알아보게 되었다.
그러나 ic카드 리더기로 마이넘버카드를 읽지 않으면 불가능하다고 해서 방법을 찾아보니 스마트폰의 블루투스로도 된다고 하여 테스트를 하게 되었는데
동작 확인이 되어서 도움이 될까 글을 남긴다.

해당 프로그램을 다운 받아서 설치
https://www.jpki.go.jp/download/win.html

혹시 이런 메시지가 뜨면 관리자 권한으로 실행 필요

유니코드가 일본어로 설정되어 있지 않으면 해당 처럼 글씨가 깨짐.

필자는 로케일 에뮬레이터로 일본어 유니코드 + 관리자 권한으로 실행.

(설치 하는데는 해당 프로그램 사용 안해도 문제는 없음)

인스톨 클릭

필자는 크롬을 사용하므로 크롬을 선택.

완료를 누르면 chrome 웹 스토어가 열린다.

Chrome에 추가를 클릭

확장기능을 추가를 클릭.

추가되면 위의 메시지가 뜸.

IC카드리더라이터 설정을 위해서는 블루투스로 스마트폰을 PC로 잡을 필요가 있다.

윈도우11의 설정에서 장치 추가 클릭

블루투스 선택

스마트폰에서도 블루투스 기능을 켜서 연결

연결 확인

시작을 누르면 위와 같이

IC카드리더라이터설정이 있다.

스마트폰을 선택하면 IC카드리더라이터가 변경되었다고 뜬다.

사이트를 접속하기 전에 우선 스마트폰에 어플리케이션을 설치해야 한다.

해당 사이트에 접속하면 안드로이드/아이폰 어플 다운 가능

https://www.jpki.go.jp/download/index.html

PC접속 클릭

PC접속의 개시 클릭

NFC기능을 키고 마이넘버카드는 반드시 인식되면 그대로 둬야 한다.

단순히 진동됐다고 카드를 치우면 안되고, 계속 카드는 NFC 읽는 부분과 접촉되어 있어야 한다.

이것때문에 고생했었다.

인식이 되면 접속대기중이라고 뜬다.

그러면 재류카드 온라인 시스템사이트에 접속한다.

https://www.ras-immi.moj.go.jp/WC01/WCAAS010/

해당 주소로 들어가서 등록 또는 신규이용자 등록의 외국인 본인 기타를 클릭.

클릭하면 해당 창이 뜸

인식이 되었으므로, 개인번호카드의 서명용 패스워드를 입력하라고 뜬다(6~16자)

Vue 4강 : 이벤트 핸들러로 허위매물 신고버튼 만들기

Gopythor — Mon, 13 May 2024 22:29:30 +0900

v-for를쓰면 3번 반복문이 돔.

?? in ??를 쓰라고 했다.

작명 in 3

3번 작명한 것으로 반복

key도 적어줘야 함.

역삼동만 3번 나온 이유는 코드를 그렇게 짯기 때문임.

하드코딩을 했었음.

인수를 2개 줄 수 있음.

a는 하나하나 데이터가 됨.

i는 0, 1, 2

손수 붙인 거랑 별 다르게 됨.

products를 적을 수도 있음.

어떤 것을 클릭하면 실행되는 것.

v-on = @

텍스트가 아닌 숫자 0을 넣었음.

그러나 vue는 html을 조정할 필요가 없음.

뷰는 실시간 렌더링이 됨.

++는 어떤 변수에 1을 더해달라는 것임.

마우스를 올리면 실행이 됨.

그중에 click을 가장 많이 쓸 것이다.

함수를 넣을 수 있음.

긴 코드를 짧게 한 단어로.

함수에 담아 놨으면 3줄이 실행이 됨.

함수를 만드는 공간

축약하고 싶은 코드를 넣는다.

함수에서 변수를 쓰고 싶으면,

this를 써야 함.

함수명은 영어로 해라.

신고수를 기록 할 수 있는 곳이 1군데밖에 없음.

https://www.youtube.com/watch?v=Agm-F366ZwY

Vue 3강 : v-for 반복문 보니까 HTML도 프로그래밍 언어네

Gopythor — Tue, 7 May 2024 22:19:52 +0900

다양한 정보를 한 곳에 저장할 수 있음.

어레이[1]을 하면 첫번째 자료가 나옴.

0은 영번째 자료.

자바스크립트의 어레이임.

어레이를 넣으면 어레이가 그대로 나옴.

지정해주면 역삼동 원룸이 나옴.

Vue를 사용하면 반복문으로 쉽게 반복들을 처리할 수 있음.

스타일을 주기 위해서는 class명을 주고나서 나중에 css에서 스타일을 지정.

스타일링은 여기까지 함. 버튼 누른다고 보낼 페이지도 없음.

반복적인 내용을 짧게 축약할 수 있을까

a태그를 여러개 생성해줄 수 있음.

뷰의 반복문임.

왼쪽 오른쪽에 키워드를 채워넣으면 됨.

왼쪽 작명에는 아무 이름을 작명해도 되고 in에는 몇번 반복할 지 적는다.

잘못 짜면 브라우저 혹은 터미널에서 에러 메시지가 나옴.

에러 모르면 구글에 검색해라.

일단은 작명한 것을 넣도록 해라.

이렇게 하면 Home만 3개 생성되었다.

이 반복문은 3번 딱 돌게 됨.

v-for를 썼으므로 a가 반복이 될 것임.

key에 유니크한 문자나 숫자를 적어야 함.

i는 1씩 증가하는 정수가 됨.

https://youtu.be/T4N9wjx7_E4?si=Xv-ixjXVV8BzskD9

Vue 2강 : 데이터바인딩 문법인데 이딴거 왜하는지 알려드림

Gopythor — Mon, 6 May 2024 21:52:33 +0900

실시간 미리보기 띄우기

크롬에 붙여넣기

미리보기가 가능해짐.

코드를 짜고 저장하면 바로 반영이 됨.

에러가 뜨면 폴더 오픈을 제대로 한 것이 아니다.

App.vue에 작성할 것임.

Hello World 전부 지움.

Vue라고 개발 방법이 특별히 다른 것은 아님.

HTML, CSS로 작성하면 됨.

쇼핑몰 상품들을 메인 사이트에 정렬해볼 것임.

상품을 하나 더 만듬.

그냥 가격을 직접 적어도 되지만, Vue 문법으로 작성해볼 것임.

자바스크립트 데이터를 HTML에 넣을 수 있음.

데이터바인딩은 예전에 생자바스크립트는 해당과 같이 작성했을 것이다.

document부터 한줄 시작한다.

vue에서는 데이터를 꼽아 넣으려면 어딘가에 저장해야 한다.

자바스크립트는 변수 등에 저장했다.

콤마 잊으면 안된다.

return 중간이 데이터 보관함

중괄호 형식에 맞게 저장하면 됨.

양식은 자료이름 : 자료내용

60이라는 가격을 저장함.

XX만원에 집어넣고 싶음.

Vue문법중에 중괄호 2개 문법이 있음.

데이터 이름 작성

60만원이 보인다.

70만원을 작성하고 싶으면 데이터 이름 및 값 할당 후 중괄호 2개 작성한 후 변수 삽입.

그냥 문법만 배우면 안되고 용도를 알아야 함.

하드코딩 해도 되지 않는가?

쇼핑몰 상품들은 가격이 맨날 변동이 됨.

가변적인 데이터들은 데이터 바인딩을 해야 된다.

실시간 자동 렌더링

html이 후닥닥 바뀐다.

실시간 렌더링이 일어나므로 return에 있는 자료를 수정하면 된다.

데이터 저장하고 꼽아 넣기.

케이스 스터디.

자주 변경되지 않는 데이터들은 바인딩에 쓸모가 없다.

실시간처럼 만들고 싶어서 데이터바인딩하는 것이다.

로고나 만원 같은 경우는 하드코딩 하면 된다.

문자데이터이므로 문자로 작성.

속성에는 {{}}이 아닌 컬럼.

데이터 바인딩은 두가지 방식.

세개 데이터 저장

가격은 지움.

만들어봐라.

https://www.youtube.com/watch?v=0BbF7UxKKvg

Vue 1강 : Vue 3버전 설치랑 셋팅

Gopythor — Fri, 3 May 2024 22:33:47 +0900

해당 내용 입력

버전을 맞추고 싶다면 해당 버전 입력

개발 환경 셋팅 끝

yarn은 더 안정적이고 빠름.

바탕화면에 만들었음.

부동산 싸이트를 만든다고 했었음.

선택하라고 했는데, Vue3을 선택하면 됨.

대부분 nodeJS의 설치를 잘못해서 생기는 문제.

app.vue에 코드를 짜면 된다.

저장만 하면 바로 반영됨.

메인페이지지만 안에 아무것도 없다.

main.js가 박아 넣고 있음.

https://www.youtube.com/watch?v=NONWar0jGLM

Vue 0강 : 카카오가 리액트냅두고 Vue 쓰는 이유

Gopythor — Fri, 3 May 2024 21:44:20 +0900

Vue.js 쓰는 이유는 Web-app 만들 때 사용.

Single Page Application 혹은 Web-App.

새로고침도 안되고 부드러움.

실제로 모바일처럼 쓸 수 있어서 WepApp이라고 부름.

WepApp만들 때 사용하는 것이 VueJS

React나 Angular도 웹 앱을 만드는 툴임.

사용자수는 위의 순서대로이다.

NAVER의 VIBE도 v.js로 개발된 것.

회사에서 단체로 수강하러 올 때가 있음.

쉬워서 사용함.

다 똑같은 결과물을 만들 수 있음.

React는 여러개지만 Vue는 v-for만 쓰면 된다.

이런 특징들은 협업할 때 도움이 되는 것 같음.

밀리세컨드 차이임

장기적인 지원 걱정 X

https://www.youtube.com/watch?v=-tVaahsXpwk

#6.22 Find Screen Part Two

Gopythor — Fri, 15 Mar 2024 08:44:30 +0900

#6.21 Find Screen Part One

Gopythor — Thu, 14 Mar 2024 21:56:21 +0900

#6.20 Chats Screen part Two

Gopythor — Thu, 14 Mar 2024 21:36:58 +0900