이번 블로그는 도메인 BYE 입니다.

​

www.incro.co.kr 도메인은 18년 등록했던 도메인 인데, 더 이상 연장을 안하려고 합니다.

​

www.css.pe.kr 도메인만 사용을 하려고 해요.

​

​

​

query : incro.co.kr

​

도메인이름 사용종료일이 경과하였으나 '갱신' 처리가 되지 않아 사용이 '정지'되었습니다.

본 도메인이름은 사용종료일로부터 30일이 되는 날까지 갱신하지 않은 경우 말소될

예정입니다.

The requested domain name is the status of holding.

If the domain name registration is not renewed, it will be deleted 30 days after

the expiration date of the domain registration.

​

​

​

# KOREAN(UTF8)

​

도메인이름 : incro.co.kr

등록인 : 최석순

책임자 : 최석순

책임자 전자우편 : mant@nate.com

등록일 : 2006. 09. 13.

최근 정보 변경일 : 2023. 03. 10.

사용 종료일 : 2024. 09. 13.

정보공개여부 : N

등록대행자 : 메가존(주)(http://HOSTING.KR)

DNSSEC : 미서명

등록정보 보호 : clientTransferProhibited

​

1차 네임서버 정보

호스트이름 : ns1.hosting.co.kr

IP 주소 : 121.254.170.11

​

2차 네임서버 정보

호스트이름 : ns2.hosting.co.kr

IP 주소 : 114.108.175.146

호스트이름 : ns3.hosting.co.kr

IP 주소 : 121.254.170.12

호스트이름 : ns4.hosting.co.kr

IP 주소

​

​

​

끝..

​

​

[정리]

내용 없음

통계법 제27조(통계의 공표)에 따라 『2023년 SW기술자 임금실태조사 (통계승인 제375001호)』의 결과로 다음과 같이 SW기술자 평균임금을 공표합니다.

​

​

<본 평균임금을 SW사업대가 활용시 유의사항>

※본 조사결과는 SW사업에서 SW기술자 인건비 평균 값임을 고려하여 활용 가능하며, 수·발주자간 자율적 협의에 의해서도 유연하게 적용할 수 있음

* SW기술자 평균임금은 소프트웨어진흥법 제46조(적정 대가 지급 등) 4항 ‘소프트웨어기술자의 인건비 기준’을 지칭함

* SW기술자 평균임금은 기본급, 제수당, 상여금, 퇴직급여충당금, 법인부담금(4대보험)을 모두 포함한 결과임

* 일평균임금은 월평균임금÷`23년평균근무일수(20.88일, 소수점 절삭), 시간평균임금은 일평균임금÷8시간(소수점 절삭)으로 각각 산정함

* 월평균 근무일수는 휴일, 법정공휴일 등을 제외한 업체가 응답한 근무일의 평균이며, 이는 개인의 휴가 사용여부와는 무관함

* SW기술자 평균임금은 전년 대비 8.25% 증가함

* 25/75 백분위수는 조사된 직무별 임금의 구간, 분포에 대한 참고 값임(백분위수 : 백분위수는 크기가 있는 값들로 이뤄진 자료를 순서대로 나열했을 때 백분율로 나타낸 특정 위치의 값을 이르는 용어이다. 일반적으로 크기가 작은 것부터 나열하여 가장 작은 것을 0, 가장 큰 것을 100으로 한다.)

* 시간과 근무일수를 활용하여 월평균임금으로 역산 시 오차가 없도록 모두 정수형으로 재산출함

​

​

[시행일] 2024년 1 월 1일부터 2024년 12월 31일까지 적용

2023년 12월 19일

​

한국소프트웨어산업협회장

​

Windows 11 바탕화면에서 마우스 우 클릭시 Windows 10 처럼 변경하기 입니다.

많이들 불편할거 같아서 올립니다.

​

1. 기본으로 표현되는 방식

​

​

2. 명령 프롬프트 관리자 권한으로 실행

​

​

3. 명령어

reg add "HKCU\Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}\InprocServer32" /f /ve

​

4. 적용 완료

​

5. 적용 후 컴퓨터 재시작

​

​

정보보호 및 개인정보보호 관리체계(ISMS-P) 제도이해를 교육해주는 자료가 있어서 공유를 합니다.

​

ISMS-P 인증 제도로 이해하면 좋은데요.

교육을 들어보시면, 왜 필요한지 이해가 되실거에요.

​

개발적인 교육인 아닙니다.

​

교육 이수하면, 소프트웨어 협회 교육으로 등록이 가능합니다.

​

​

​

​

​

​

​

​

아래 주소에서 온라인 학습으로 가세요.

​

https://isms.kisa.or.kr/main/

SW기술자 경력관리비를 미리미리 납부하여 연장을 합니다.

2025년 7월 25일 만료 였는데,

생각날때 미리미리 연장을 해놔요.

​

2026년 7월 25일로 연장 되었습니다.

전산을 계속 하는 분들은 미리미리 연장을 해놓으시면 좋아요.

​

​

​

​

​

​

​

끝

​

소프트웨어 기술자 경력관리시스템

https://career.sw.or.kr/

​

[정리]

시간 : 3분 내외

비용 : 5,000원/1년

​

2024년 적용 SW기술자 평균임금 공표 (조사년도 2023년) 자료를 등록합니다.

​

​

​

통계법 제27조(통계의 공표)에 따라 『2023년 SW기술자 임금실태조사 (통계승인 제375001호)』의 결과로 다음과 같이 SW기술자 평균임금을 공표합니다.

​

​

<본 평균임금을 SW사업대가 활용시 유의사항>

※본 조사결과는 SW사업에서 SW기술자 인건비 평균 값임을 고려하여 활용 가능하며, 수·발주자간 자율적 협의에 의해서도 유연하게 적용할 수 있음

* SW기술자 평균임금은 소프트웨어진흥법 제46조(적정 대가 지급 등) 4항 ‘소프트웨어기술자의 인건비 기준’을 지칭함

* SW기술자 평균임금은 기본급, 제수당, 상여금, 퇴직급여충당금, 법인부담금(4대보험)을 모두 포함한 결과임

* 일평균임금은 월평균임금÷`23년평균근무일수(20.88일, 소수점 절삭), 시간평균임금은 일평균임금÷8시간(소수점 절삭)으로 각각 산정함

* 월평균 근무일수는 휴일, 법정공휴일 등을 제외한 업체가 응답한 근무일의 평균이며, 이는 개인의 휴가 사용여부와는 무관함

* SW기술자 평균임금은 전년 대비 8.25% 증가함

* 25/75 백분위수는 조사된 직무별 임금의 구간, 분포에 대한 참고 값임(백분위수 : 백분위수는 크기가 있는 값들로 이뤄진 자료를 순서대로 나열했을 때 백분율로 나타낸 특정 위치의 값을 이르는 용어이다. 일반적으로 크기가 작은 것부터 나열하여 가장 작은 것을 0, 가장 큰 것을 100으로 한다.)

* 시간과 근무일수를 활용하여 월평균임금으로 역산 시 오차가 없도록 모두 정수형으로 재산출함

​

​

[시행일] 2024년 1 월 1일부터 2024년 12월 31일까지 적용

2023년 12월 19일

​

한국소프트웨어산업협회장

​

​

​

자료출처 : https://www.sw.or.kr/site/sw/ex/board/View.do?cbIdx=304&bcIdx=57938&searchExt1=

2024년 실시하는 교육인줄 알고 교육을 받았는데요.

다듣고 보니, 2023년도 추가 교육이 었습니다.

​

그래도 들으면 좋은거니 교육을 받으면 좋아요!!

​

1. 개인정보처리자 수준별 교육_실무과정

​

​

2. 개인정보 안정성 확보조치 교육

<< 정리 >>

1. 교육비용은 무료 입니다.​

2. 교육을 받으면 도움이 됩니다.

3. 실제 회사 직원들이 교육받아야 할 필수 교육으로 생각 됩니다.

4. 홈페이지 주소 : http://www.privacy.go.kr

Telegraf (텔레그라프)

시스템에서 원하는 데이터를 측정하여 InfluxDB로 정보를 보내주는 역할 합니다.

시계열 데이터베이스(TSDB)인 influxDB와 연동으로 사용되고, 수집된 데이터를 전송하고 관리하는데 편리합니다.

​

​

​

1. 다운로드 접속

> Are you interested in InfluxDB 1.x Open Source? 클릭

https://www.influxdata.com/downloads/

​

2. 버전 선택 후 다운

윈도우 PowerShell에서 아래 주소로 다운로드가 가능해요.

​

​

윈도우 PowerShell에 아래처럼 복붙 후 엔터

​

웹 요청을 쓰는중으로 다운로드 합니다.

D:\sw\telegraf-1.29.1_windows_amd64.zip 다운로드가 되어 있어요.

​

원하는 경로에 압축해제를 하세요.

D:\sw\telegraf-1.29.1

3. 계정생성하기

influxDB에 telegraf DB를 생성 합니다.

(DB 계정이 생성되어 있다면, 생략하세요.)

​

3-1. influxDB 인증없이 로그인 설정

D:\sw\influxdb-1.8.10\influxdb.conf

auth-enabled = false 로 변경 후 influxDB 시작

​

3-2. DB생성

> influx.exe

> create database telegraf

> create user telegraf with password 'telegraf' with all privileges

​

​

​

3-3. DB생성 확인

> show databases

3-4. influxDB 인증 기능 활성화 설정

D:\sw\influxdb-1.8.10\influxdb.conf

auth-enabled = true 로 변경 후 influxDB 재시작

​

3-5. telegraf 로그인

> influx.exe -username "아이디" -password "비밀번호" 엔터 CLI에 접속

> use telegraf

> show measurements

​

​

4. telegraf 환경 설정

D:\sw\telegraf-1.29.1\telegraf.conf

​

상세 설정에 대한 가이드는 인터넷으로 검색을 하시면 나와요.

​

아래와 같이 수정을 합니다.

​

# # Configuration for sending metrics to InfluxDB

[[outputs.influxdb]]

# ## The full HTTP or UDP URL for your InfluxDB instance.

# ##

# ## Multiple URLs can be specified for a single cluster, only ONE of the

# ## urls will be written to each interval.

# # urls = ["unix:///var/run/influxdb.sock"]

# # urls = ["udp://127.0.0.1:8089"]

urls = ["http://127.0.0.1:8086"]

#

# ## The target database for metrics; will be created as needed.

# ## For UDP url endpoint database needs to be configured on server side.

database = "telegraf"

​

# ## HTTP Basic Auth

username = "telegraf"

password = "telegraf"

​

​

4-1. 설정 테스트

> telegraf.exe --config telegraf.conf --test

​

​

5. telegraf 시작

> telegraf.exe --config telegraf.conf

​

​

6. telegraf 수집 데이터

influxDB에서

> show measurements

​

​

끝

InfluxDB 1.8.10 버전으로 설치를 할거에요.

아래 다운로드 사이트에서 하단이미지의 빨간색 박스부분을 클릭해야, 1.X버전을 받을 수 있어요.

​

1. 다운로드 링크

https://www.influxdata.com/downloads/

2. 다운로드 링크에서 참조이미지

위 는 캡쳐 이미지 입니다. 1.X버전을 다운로드하기 위해서는 다운로드 링크에서 해당 텍스트를 클릭하세요.

​

​

​

3. 다운로드

- 윈도우 PowerShell에서 wget로 다운로드 하세요.

다운로드 이미지 캡쳐

4. 다운로드 중.....

​

5. 압축해제

- 윈도우 PowerShell에서 wget로 다운로드한 파일을 압축 해제가 가능합니다.

(아래 명령어로 압축해제시 PowerShell은 관리자 권한으로 실행을 해야 합니다.)

저는 D:\sw\influxdb-1.8.10 에 압축 풀었습니다.

​

​

6. 압축 해제 후 설정

아래 3개 폴더를 생성하세요.

meta

data

wal

​

6-1. 기본 압축해제시 폴더

​

6-2. 폴더 3개를 추가 후 (빈폴더에요)

​

6-3. influxdb.conf 수정

​

아래 경로를 변경합니다.

기존 : /var/lib/influxdb/

변경 : D:\\sw\\influxdb-1.8.10\\

​

​

[http] 항목

enabled = true

bind-address = ":8086"

log-enabled = true

​

​

7. influxDB 실행

> influxd.exe --config influxdb.conf 엔터

​

8. 실행 확인

아래처럼 화면이 뜨면 정상 구동된 상태에요.

http://localhost:8086/query

​

9. influxdb CLI

계정을 생성하기전에는 influxdb.conf 파일에서

​

[http]

auth-enabled = false 로 변경 후 계정을 생성

​

​

사용자 생성

> create user 아이디 with password '비밀번호' with all privileges

​

admin 계정 비밀번호 변경

> create user admin with password 'admin' with all privileges

​

권한부여

> grant all privileges to 아이디

​

DB별 권한부여

> grant [read, write,all] on 디비명 to 아이디

​

​

[http]

auth-enabled = true 로 변경 후 influxDB 재시작

​

9-1. CLI 접속

> influx.exe -username "아이디" -password "비밀번호" 엔터 CLI에 접속

​

9-2. DB생성

> create database cssDB

> use cssDB

> using database cssDB

​

9-3. insert 하기

> insert memory,host=server01,region=korea value=1.0

> insert memory,host=server01,region=korea value=2.0

> insert memory,host=server01,region=korea value=3.0

> insert memory,host=server01,region=korea value=4.0

> insert memory,host=server01,region=korea value=5.0

​

9-4. measurements가 생성이 되었는지 확인

(measurements는 table 개념과 동일 합니다.)

​

> show measurements

> name: measurements

> name

> ----

> memory

​

​

​

9-5. 조회 하기

> select * from memory

​

​

> select "host","time","value" from memory where "host" = 'server01'

where 절의 value는 따옴표로 입력하세요.

​

> insert memory,host=server01,name=cssDB value=8.1

별도의 컬럼처리가 없어도, 자동으로 컬럼이 생겨났다. influxDB는 스키마가 없이 동작을 한다.

​

​

끝.

InfluxDB에 대해서 설치하는 방법을 기록 해봅니다.

처음 들어보는 분들도 있을거 같고요.

​

시계열로 데이터를 담는 DB라고 생각하시면 되세요.

(시간의 흐름에 따라 측정되는 시계열 데이터를 저장하는데 있어서 특화되어 있는 데이터 베이스 입니다.)

​

TICK Stack(Telegraf + InfluxDB + Chronograf + Kapacitor)

TICK Stack이란 InfluxData에서 나온 4가지 오픈소스 component들을 통칭해서 말합니다.

4가지 오픈소스를 설치하여서 실행하는 내용으로 설명을 하겠습니다.

​

​

Telegraf (텔레그라프)

- 수집 에이전트 : 시스템에서 원하는 데이터를 측정하여 InfluxDB로 정보를 보내주는 역할

​

InfluxDB (인플럭스DB)

- 시계열 데이터를 특화한 데이터 베이스이다.

- 종류 (CPU, HDD, CPU, NETWORK, REM) 등의 시스템 정보를 시간에 따라 저장한다.

​

Chronograf (크로노그라프)

- 시각화를 담당하는 웹서버이다.

- InfluxDB를 관리하는 인터페이스 역할도 있다. (계정관리 등)

​

Kapacitor (캐패시터)

- 이벤트 발생을 감지하고 사용자에게 알림을 주는 역할

- 데이터가 들어오는 대로 머신러닝 알고리즘을 실행

(Alerta, SMTP, Slack, Telegram, VictorOps, OpsGenie, PagerDuty, HipChat, Sensu, Talk 등)

​

출처 : https://www.influxdata.com/time-series-platform/

​

​

TICK Stack github

Telegraf(https://github.com/influxdata/telegraf)

InfluxDB(https://github.com/influxdata/influxdb)

Chronograf(https://github.com/influxdata/chronograf)

Kapacitor(https://github.com/influxdata/kapacitor)

​

​

다음 블로그에 설치 하는 과정에 대해서 등록을 할게요.

소프트웨어협회 경력 갱신을 하고 증명서를 출력 하였습니다.

출력당 2,000원이 결제가 됩니다.

그래도 경력 확인차원으로 큰 결심?으로 결제 하였어요.

​

소프트웨어기술자 경력증명서가 이런거구나 정도로 보시면 좋을거 같습니다.

개인정보 관련된 부분은 모자이크 처리를 하였습니다.

​

​

​

​

​

​

​

​

​

jdk를 설치하는 방법을 설명합니다.

​

아래 사이트에서 다운로드 가능해요.

오라클 회원가입이 먼저 되어 있어야 합니다.

​

1. 다운로드

https://www.oracle.com/kr/java/technologies/javase/javase8u211-later-archive-downloads.html

​

​

​

2. 다운로드 폴더에 다운받았어요.

​

​

3. 설치 위치

C:\Program Files\Java\jdk1.8.0_221

java는 클릭 후 다음만 클릭 하면 설치가 되요.

​

​

4. 환경변수 설정

5. 환경변수 설정

변수이름 : JAVA_HOME

변수 값 : C:\Program Files\Java\jdk1.8.0_221

​

​

6. 환경변수 설정

path 편집

%JAVA_HOME%\bin 추가

​

​

7. 자바버전 확인

java -version 엔터

아래 처럼 버전이 출력되면, 정상적으로 설치가 되었어요.

​

​

끝.

이번 내용은 웹로직을 설치하는 방법에 대해서 설명을 합니다.

오라클에 회원가입이 되어있어야 해요. 회원가입은 필수에요.

​

설치할 버전은 : 12.2.1.4.0

​

​

​

1. 웹로직 다운로드

https://www.oracle.com/middleware/technologies/weblogic-server-installers-downloads.html

​

​

2. 다운 후 압축을 풀면, 아래 처럼 fmw_12.2.1.4.0_wls_lite_generic.jar 파일이 있어요.

설치 해제 경로 : C:\fmw_12.2.1.4.0_wls_lite_Disk1_1of1

- jdk가 먼저 설치가 되어 있어야 해요. * jdk1.8.0_221 기준으로 설명을 하겠습니다.

3. 명령프롬프트 실행

cd C:\fmw_12.2.1.4.0_wls_lite_Disk1_1of1 엔터

java -jar fmw_12.2.1.4.0_wls_lite_generic.jar 엔터

​

​

4. 웹로직 설치

​

​

5. 웹로직설치 (1/8)

​

6. 웹로직설치 (2/8)

​

7. 웹로직설치 (3/8)

Oracle 홈 : C:\Oracle\Middleware\Oracle_Home 변경해도 무방 함

​

8. 웹로직설치 (4/8)

​

9. 웹로직설치 (5/8)

​

​

10. 웹로직설치 (6/8)

​

​

11. 웹로직설치 (7/8)

설치가 완료 되었는지를 확인 합니다.

​

12. 웹로직설치 (8/8)

설치가 완료 되었어요

​

​

기본 설치는 마무리가 되었어요.

​

쉬어가세요. ~~

​

완료를 클릭 하면, 구성 마법사 창이 떠요.

​

​

13. 구성마법서 (1/8)

​

14. 구성마법서 (2/8)

​

​

15. 구성마법서 (3/8)

이름 : weblogic 로 사용 해도 되요. 저는 system 으로 사용 했어요.

비밀번호 : 특수문자 포함 으로 입력해줘요.

​

​

16. 구성마법서 (4/8)

​

17. 구성마법서 (5/8)

​

18. 구성마법서 (6/8)

​

19. 구성마법서 (7/8)

​

​

20. 구성마법서 (8/8)

관리서버 시작 체크를 하면, 완료클릭시 관리서버를 실행 합니다.

http://localhost:7001/console 입력해도 되요.

​

​

21. 관리 서버 시작

C:\Oracle\Middleware\Oracle_Home\user_projects\domains\base_domain\bin

시작 : startWebLogic.cmd

중단 : stopWebLogic.cmd

​

​

22. 관리자 콘솔

생성한 계정을 로그인을 합니다.

​

23. 관리자 로그인 후

배치를 클릭 하면 사이트를 설정 할 수 있어요.

​

​

24. 배치

설치를 클릭 하면 세부적으로 설정이 가능해요.

상세 설정은 다음에 하겠습니다.

대략설명 : c:\wasapp\sample 이런식의 폴더를 만든 후 폴더 선택

weblogic 중단 -> 시작

​

​

​

끝.

이번에는 레트로 키보드 입니다.

​

삼보컴퓨터 키보드 입니다.

제조일자가 1996년 3월 이네요.

본체는 없이 키보드만 보관 했었습니다.

원래 누런새이었는지는 기억이 가물 하고요.

지금은 누렁이 에요.​​

​

​

뒷면 제조일자 인증컷.

​

저 모델을 써본 사람은 연식이 있다는...

​​

​

​

현주 컴퓨터 키보드에요.

이 컴퓨터도 본체는 없어요.

흰색 키보드 였던거 같은데

지금은 누렁이가 되었어요.​​

​

​

제조일이 2001년 4월 입니다.

​

끝

​

​

[정리]

​

1996.3 삼보컴퓨터

2001.4 현주컴퓨터

기계식 키보드 구입을 하였습니다.

​

키크론 제품과 레오폴드 제품중 고민을 하였고요.

​

레오폴드 제품으로 구매일 하였어요.

​

레오폴드 FC750RBT PD 화이트 투톤 한글 (적축)

​

안전한 뽁뽁이 배송...

​

​

​

뽁뽁이가 엄청 많이 감겨있었어요

안전한 제품 포장 맘에 듭니다.

​

​

뽁뽁이를 제거하면 위처럼 간소합니다.

일반키보드가 아닌 텐키리스 키보드에요. 일반 키보드 맨 우측의 숫자 키패드가 없는키보드에요.

​

​

빨간색 스티커가 회손이 교환이 안된데요.

​

​

스티커 칼로 자르고 개봉!!!!

맨 우측의 일반 숫자 키패드 없는거 보이시죠??

​

처음 구매를 고민할 당시 키패드가 있어야 한다는 고정관념으로 인해 고민을 했어요.

막상 키패드 사용은??? 거의 없었어요.

​

​

​

C타입 케이블, 배터리, 키캡 리무버....

참고로, 블루트스 모델이라, 건전지가 들어 갑니다.

​

​

레트로 모델이고요. 정면 컷 입니다.

​

​

옛날 컴퓨터를 써보신분들은 누런색 키보드?? 기억하실련지요...

시골집에 삼보컴퓨터 키보드가 있는데, 차후 비교를 해드리겠습니다.

​

​

뒷면 정품 인증 스티커!!!

​

​

​

아래는 판매처 이미지 입니다.

출처표시 : https://www.leopold.co.kr/Shop/Item.php?ItId=1550022164

설정방법을 나중에 확인하고자 이미지를 등록합니다.

​

끝

​

​

[정리]

멤브레인키보드만 사용하다 조용하다는 적축키보드 인데,

키감은 어색함.

적응이 필요할듯 합니다.

​

명칭 : 레오폴드 FC750RBT PD 화이트 투톤 한글 (적축)

비용 : 173,020원

현재 블로그에 광고중인 광고 현황입니다.

티스토리에는 구글광고, 카카오광고를 하고 있습니다.

​

​

네이버 애드포스트

https://adpost.naver.com/main

​

​

카카오 애드핏 광고

https://adfit.kakao.com/payout

​

​

​

구글애드센스

https://www.google.com/adsense/new/u/0/pub-5453613571907737/home

​

구글 애드센스는 총 2번 입금을 받았습니다.

구글광고는 최소 100달러 이상시 수익으로 입금이 가능합니다.

2022년 6월 29일

2023년 1월 21일

​

​

이번에 경력증명서를 출력해야 해서, 오랫 만에 출력을 하였습니다.

기본 공개하기 모한 내용은 모자이크 처리를 하였습니다.

​

아래 처럼 순서도 변동이 되었습니다.

-근무경력 : 4대보험 가입 한 경우 회사 근무경력

-기술자격 : 전산관련 자격증

-학력 : 학력 사항

-교육 : 교육 이수 사항/수료증

-상훈 : 상받은 사항

-기술경력 : 프리랜서들이 해당되며, 근무경력자 분들도 프로젝트 단위로 기술경력으로 관리하면 좋아요.

​

​

​

​

​

​

​

​

​

​

[정리]

비용 : 2,000원

​

​

기술자 경력등록하는 방법은 제가 따로 등록한 내용을 참고하시면 되세요.

​

https://mant81.tistory.com/9

* 대략 순서는 아래와 같습니다.

1. yarn 이 설치되어 있어야 합니다.

    - yarn 설치 방법은 https://blog.naver.com/mantkr/222659502608 참조

2. 명령프롬프트로 이동

3. yarn create react-app antd-demo 엔터

4. cd antd-demo

5. yarn start

6. http://localhost:3000

​

​

시작....

​

1. 프로젝트를 관리할 vscode를 생성할 폴더를 만들어주세요.

- 저는 ​c:\vscode로 생성 합니다.

- 명령프롬프트를 띄어주세요. (검색 아이콘에서 cmd 입력도 가능)

- ​cd c:\vscode 엔터

​

​

2. yarn create react-app antd-demo 엔터

​

아래 처럼 다운 받습니다. 시간이 조금 걸려요...

다 다운되면.. 시작 명령어를 친절하게 알려줘요.

​

3. cd antd-demo

엔터시 아래 경로

4. yarn start 엔터

아래처럼 시작 하는중...

​

시작이 완료되면 아래처럼 정보가 출력되요.

​

​

5. 시작시 자동으로 브라우저가 뜨며 접속됨

- http://localhost:3000

​

​

6. antd-demo 폴더로 이동

- 아래 폴더철럼 되어 있습니다.

- src 폴더에 소스 파일이 있어요.

​

​

7. src 폴더

​

8. 일반 에디터에서 app.js 수정시는 한글이 깨질 수 있어요.

​

9. 실행시 한글 깨짐

​

10. vscode에서 수정하기

- vscode에서 열어서 수정해야 한글 인코딩이 안깨 집니다.

​

11. 한글 안깨지고 잘 나오죠??