world expedition

[.NET] Visual Studio 언어 변경(한국어->영어)

Josh — Thu, 4 Aug 2022 09:24:44 +0900

Visual Studio 2017을 사용하게 되었습니다.

설치를 하고 언어가 한국어로 되어 있어서 영어로 변경을 하려고하니 언어 선택에 영어가 없었습니다.

도구->옵션->국가별 설정에서 확인 가능합니다.

언어추가를 위해 아래 내용을 따라해 주세요.

Visual Studio 를 실행중이라면 종료 후 진행해 주세요.

1. Visual Studio Installer 를 실행합니다.

2. 수정을 클릭합니다.

3. 상단 세번째 언어 팩을 선택한 후 원하는 언어를 선택 후(저는 영어를 추가 했습니다.) 선택 후 오른쪽 하단 수정을 클릭합니다.

4. 다운로드 및 설치가 완료되면 Visual Studio 를 실행시켜 처음 확인했던 언어 설정으로 들어갑니다.

언어에 English 가 추가된 것을 확인 할 수 있습니다.

5. 확인 클릭 후 Visual Studio 를 재시작합니다. 그럼 언어가 영어로 변경된 것을 확인 할 수 있습니다.

감사합니다.

[ MAC ] Docker 로 ubuntu 18.04 설치

Josh — Sat, 11 Jun 2022 17:50:45 +0900

mac에서 docker를 이용해 ubuntu 18.04를 설치해보겠습니다.

우분투는 6개월 마다 새로운 버전이 출시 되고 버전 이름의 앞 숫자는 출시 연도, 뒷 숫자는 출시 월이 됩니다.

ubuntu 18.04 는 18년 04월에 출시된 버전입니다.

docker run ubuntu:18.04 // ubuntu 18.04 이미지 파일 다운

docker run --restart always --name ubuntu_18.04 -dt ubuntu:18.04 // ubuntu 설치

docker ps

docker exec -it ubuntu_18.04 /bin/bash // 설치한 ubuntu 실행

이렇게 설치가 되었고, docker로 설치된 ubuntu의 사양이 궁금해져서 알아보았습니다.

cat /etc/*release // 배포판 확인

cat /proc/cpuinfo //전체적인 CPU 사양 확인

정확한 정보가 넘어오지 않는것 같아 검색을 해보니 Docker 가 실제 CPU 정보를 컨테이너에 전달 하지 않아서 이렇게 표시 된다고 합니다.

cat /proc/meminfo // 전체 메모리 사용 확인

free -h // 메모리 용량 확인

df -h // 용량 확인

기타 메모리, 메모리사용, 용량등은 확인이 가능했습니다.

감사합니다.

[ dev ] https를 http로 변경하기 / 크롬(Chrome)

Josh — Thu, 12 May 2022 19:24:25 +0900

InteliJ와 Spring boot로 토이 프로젝트를 해보고자 초반 환경설정 진행중 발생한 error 관련 해결 방법을 적어보았습니다.

프로젝트 생성 후 main을 실행시켜서 가상 tomcat의 8080 port 가 실행되었습니다.

이제 크롬에서 localhost:8080을 입력해서 접속이 잘 되는지 확인해보겠습니다.

잘 될 줄 알았는데 이런

java.lang.IllegalArgumentException: Invalid character found in method name

에러 로그가 나왔습니다.

검색을 해보니 http로 호출을 했는데 https로 연결이 돼서 그렇다고 합니다.

https://stackoverflow.com/questions/42218237/tomcat-java-lang-illegalargumentexception-invalid-character-found-in-method-na

Tomcat: java.lang.IllegalArgumentException: Invalid character found in method name. HTTP method names must be tokens

I am getting below stack trace when I am deploying my application in a multi-server Apache Tomcat 8 environment. I am getting this error frequently, and it seems it is blocking the tomcat thread: I...

stackoverflow.com

그런데 아무리 크롬에서 https에서 http로 해도 계속 https로 리다이렉트가 되었습니다.

만약 주소가 www.joshwon.com 이 있는데 이 주소의 기본 주소는 http://www.joshwon.com 이고

SSL 보안이 적용된 사이트에선 https://www.joshwon.com 으로 앞의 http가 https로 자동으로 리다이렉트가 됩니다.

크롬에서 https://www.joshwon.com 으로 한 번이라도 접속을 했다면 다음부턴 항상 https로 연결이 됩니다. http로 입력을 한다고 해도욥...

그 래 서

크롬에서 설정을 변경해 줘야 합니다.

순서대로 해보겠습니다.

설정창 이외에 다른 크롬 창을 종료해주세요.

1) 설정 페이지로 이동합니다. chrome://net-internals/#hsts

2. 왼쪽 메뉴 'Domain Sercurity Policy' 클릭 후 하단 Delete domain security policies를 찾습니다.

3. 삭제하고자 하는 URL을 입력합니다.

저는 localhost:8080을 https 리다이렉트 해제를 해야 해서 localhost를 입력했습니다. 뒤에 port 번호는 없이 입력해도 적용이 가능합니다.

4. 이제 연결하고자 하는 주소를 입력해봅니다.

Whitelabel Error Page

라고 뜨지만 지금으로선 이게 떠야 정상입니다. 위처럼 진행해주시면 https의 늪에서 빠져나오실 수 있습니다.

위에서도 말씀드렸지만 크롬 설정창 이외의 크롬 창은 종료해주시고 만약 localhost:8080를 다시 https://localhost:8080으로 입력하신다면 계속 https로 리다이렉트가 되니 호기심에 한번 더 하시면

위 순서대로 한번 더 해주시면 됩니당.

그럼

감사합니다.

참조 사이트

https://chlolisher.tistory.com/135

[ dev ] Git Branch / History 포함한 압축파일(.zip) or 깃파일(.git) 생성 - Git CMD 사용

Josh — Wed, 27 Apr 2022 14:46:43 +0900

Git CMD를 사용하여 해당 프로젝트에 있는 Branch와 History를 가져오는 방법을 알아보겠습니다.

1. 먼저 Git CMD 를 관리자 권한으로 실행합니다.

2. 임의의 폴더를 생성하고 해당 폴더로 이동합니다.

저는 바탕화면에 test 라는 폴더를 생성 후 이동했습니다.

C:\Users\UserName> cd C:\Users\UserName\Desktop\test 형식입니다.

3. 해당 경로로 이동 후 git clone --mirror CloneUrl을 입력해줍니다.

http로 시작하는 url은 프로젝트의 Clone 을 통해 알 수 있습니다.

예시 ) git clone --mirror http://git.git.com/projectName/project.git

4. 입력 후 git 아이디와 비밀번호를 입력해주면 branch와 history 가 포함된. git 파일이 생성됩니다.

다음은 해당 000.git 파일을 git.CMD를 사용해 새로운 프로젝트에 push하는 방법을 진행해 보겠습니다.

감사합니다.

[ 정처기 실기 ] 서버 프로그램 구현 #2 / 공통 모듈 구현

Josh — Tue, 26 Apr 2022 19:39:12 +0900

응집도 / 결합도 중요 필수 암기

1. 응집도 (Cohesion)

- 모듈의 독립성을 나타내는 정도 / 응집도가 높을 수록 좋은 품질

[응집도의 유형 - 우논시절 통순기]

1) 우연적 (Coincidental)

- 모듈 내부의 각 구성요소가 연관이 없을 경우

2) 논리적 (Logical)

- 유사한 성격을 갖거나 특정 형태로 분류되는 처리 요소들이 한 모듈에서 처리되는 경우

3) 시간적 (Temporal)

- 특정 시간에 처리되어야 하는 활동들을 한 모듈에서 처리할 경우

4) 절차적 (Procedural)

- 모듈이 다수의 관련 기능을 가질 때 모듈 안의 구성요소들이 그 기능을 순차적으로 수행할 경우

5) 통신적 (Communication)

- 동일한 입력과 출력을 사용하여 다른 기능을 수행하는 활동들이 모여 있는 경우

6) 순차적 (Sequential)

- 모듈 내에서 한 활동으로부터 나온 출력값이 다른 활동이 사용할 경우

7) 기능적 (Functional)

- 모듈 내부의 모든 기능이 단일한 목적으로 수행되는 경우

2. 결합도 (Coupling)

- 모듈 내부가 아닌 외부의 모듈과의 연관도 또는 모듈 간의 상호 의존성 / 결합도가 낮을수록 좋은 품질

[결합도의 유형 - 내공 외제 스자]

1) 내용 (Content)

- 다른 모듈 내부에 있는 변수나 기능을 다른 모듈에서 사용하는 경우

2) 공통 (Common)

- 모듈 밖에 선언된 전역 변수를 참조 / 전역 변수를 갱신으로 상호작용하는 경우

3) 외부 (External)

- 두개의 모듈이 외부에서 도입된 데이터 포맷, 통신 프로토콜, 또는 디바이스 인터페이스를 공유할 경우

4) 제어 (Control)

- 단순 처리 대상인 값만 전달 되는게 아니라 어떻게 처리를 해야 한다는 제어 요소가 전달되는 경우

5) 스탬프 (Stamp)

-모듈간 인터페이스로 배열이나 객체, 구조 등이 전달 되는 경우

6) 자료 (Data)

- 모듈간 인터페이스로 전달되는 파라미터를 통해서만 모듈 간의 상호 작용이 일어나는 경우

3. MVC

1) Model

- 애플리케이션이 무엇을 할 것인지를 정의 / 내부 비지니스 로직을 처리하기 위한 역할

2) View

- 화면에 무엇인가를 보여주기 위한 역할 / 모델, 컨트롤러가 보여주려고 하는 것들을 화면에 처리

3) Controller

- 모델이 어떻게 처리할지를 알려주는 역할 / 뷰에 명령을 보내어 화면 요청 결과를 전달

4. 공통 모듈 테스트 개념

1) 통합 개발 환경 (IDE,Integrated Development Environment)

- 코딩, 디버그, 컴파일, 배포 등 프로그램 개발에 관련된 모든 작업을 하나의 프로그램 안에서 처리하는 환경을 제공하는 소프트웨어

/ 이클립스, Visual Studio

2) 디버깅

- 컴퓨터 프로그램의 논리적인 오류를 검출하여 제거하는 과정

5. 화이트박스(White Box) 테스트의 개념

- 내부 소스코드의 동작을 개발자가 추적할 수 있어 동작의 유효성 뿐만아니라 실행되는 과정을 살펴봄으로써 불필요한 코드 혹은 테스트 되지 못한 코드를 살펴볼 수 있음

6. 루틴(Routine)

- 소프트웨어에서 특정 동작을 수행하는 일련의 코드 / 기능을 가진 명령어들의 모임

7. Fan-in / Fan-out

1) Fan-in

- 어떤 모듈을 제어(호출) 하는 모듈의 수 / Fan-in이 높을 경우 재사용 측면에서 설계가 잘 되었지만 단일 장애점 발생 -> 관리 비용 및 테스트 비용 증가

2) Fan-out

- 어떤 모듈에 의해 제어(호출)되는 모듈의 수 / Fan-out 이 높을 경우 불필요한 모듈 호출 여부 검토 필요 / 단순화 여부 검토 필요

8. Mybatis

- ORM(Object Relation Mapping) 도구 중 하나 / 객체 지향 언어인 자바의 관계형 DB프로그래밍을 좀 더 쉽게 할 수 있게 도와주는 개발 프레임워크

9. DAO (Data Access Object)

- 특정 타입의 데이터베이스에 추상 인터페이스를 제공하는 객체로 세부 내용 노출 없이 데이터 조작

10. DTO(Data Transfer Object)

- 프로세스 사이에서 데이터를 전송하는 객체 / 데이터 저장,회수 외에 다른 기능 없음

11. VO(Value Object)

- 간단한 엔티티를 의미하는 작은 객체 가변 클래스인 DTO와 달리 고정 클래스를 가짐

[ 정처기 실기 ] 서버 프로그램 구현 #1 / 개발환경 구축

Josh — Tue, 26 Apr 2022 18:27:44 +0900

1. 형상 통제

- 형상 항목의 형상 관리를 위해 형상통제위원회(CCB)를 운영하며, 소프트웨어 변경의 요구, 평가, 승인이 이루어짐

2. 안드로이드

- Linux 위에서 구동, 휴대전화를 비롯한 휴대용 장치를 위한 운영체제와 미들웨어, 사용자 인터페이스 그리고 표준 응용 프로그램(웹 브라우저, 이메일 클라이언트 등)을 포함하고 있는 자바 및 코틀린 사용하여 개발하는 운영체제

3. 개발 도구의 분류

1) 빌드 도구

- 작성한 코드의 빌드 및 배포를 수행 / 각각의 구성요소와 모듈에 대한 의존성 관리를 지원

2) 구현 도구

- 코드의 작성과 디버깅, 수정 등과 같은 작업과 구현 소프트웨어가 어떤 프로그래밍 언어로 개발되는지 선택 / 프로그램 개발시 가장 많이 사용

3) 테스트 도구

- 코드의 기능 검증과 전체 품질을 높이기 위해 사용

4) 형상관리 도구

- 개발자들이 작성한 코드나 리소스 등 산출물에 대한 버전 관리를 위한 도구 / 프로젝트 진행시 필수로 포함되는 도구 / git, SVN 등을 주로 사용

4. 개발환경 구성 서버

1) 웹서버

- HTTP를 통해 요청,응답 처리 / 웹 상의 정적 콘텐츠(CSS, Javascript)처리

2) 웹 어플리케이션 서버

- 동적 콘테츠(Servlet, JSP)를 처리하기 위해 사용 / Tomcat, JEUS

3) 데이터베이스 서버

- 데이터 수집, 저장을 위한 용도로 사용 / MSSQL, MySql, Oracle 등

4) 파일 서버

- 물리 저장장치를 활용한 서버 / HDD,SSD

5. 클라이언트 하드웨어 개발환경

1) 클라이언트 프로그램

- 설치를 통해 사용자와 커뮤니케이션 하는 프로그램 / Visual Basic, C#

2) 웹 브라우저

- 웹 서비스의 형태 / 서버에서 웹 애플리케이션을 응답 시 브라우저를 통해 사용자와 커뮤니케이션

3) 모바일 앱

- 모바일 디바이스에 설치되어 활용되는 애플리케이션

4) 모바일 웹

- 웹 브라우저와 동일한 형태 / 모바일상 웹 브라우저를 통해 서비스 제공

6. 소프트웨어 개발 환경

1) 운영체제

- 서버의 하드웨어를 사용자 관점에서 편리하고 유용하게 사용하기 위한 소프트웨어 / Windows, Linux, Unix

2) 미들웨어

- 웹 서비스는 WEB, WAS 서버를 설치하여 사용자 요구사항에 적합한 서비스 제공 / 자바 기반 환경에서 JVM을 설치하여 컨테이너로의 기능을 주로 사용 / 컴퓨터와 컴퓨터 간의 연결을 쉽고 안전하게 할 수 있도록 해줌

3) DBMS

- 데이터의 저장 및 활용 / 데이터베으스 내의 데이터 접근 할 수 있도록 해주는 소프트웨어

7. 모듈(Module)

- 본체에서 분리되어 작은 부분으로 구성되어 있다가 필요할 때 다시 합류하여 기능을 수행

8. 형상관리 개념

- 프로젝트 생명주기 동안 제품의 무결성과 변경에 대한 추적성 확보

9. 형상 관리 절차

1) 형상 식별

- 형상 관리 대상을 정의 및 식별

2) 형상 통제

- 형상 학목의 버전 관리를 위한 형상통제위원회 운영 / 변경요구 관리 , 변경 제어 / 베이스라인에 대한 관리

3) 형상 감사

- 소프트웨어 베이스라인의 무결성 평가

4) 형상 기록

- 소프트웨어 형상 및 변경관리에 대한 각종 수행결과를 기록

10. 추상화(Abstraction)

- 공통의 속성이나 기능을 묶어 이름을 붙이는 것 / 객체 지향적 관점에서는 클래스를 정의하는 것

[ 정처기 실기 ] 통합 구현 #3 / 내외부 연계 모듈 구현

Josh — Fri, 22 Apr 2022 12:06:45 +0900

1. SOAP (Simple Object Access Protocol)

- HTTP, HTTPS, SMTP 등을 사용하여 XML 기반의 메시지를 네트워크 상태에서 교환하는 프로토콜 / HTTP 프로토콜 상에 SOAP Envelope, 헤더(Header), 바디(Body) 등이 추가된 XML 문서 / HTTP 로 기본적인 송수신

2. EAI 유형

1) 포인트 투 포인트 (Point -to - point)

- 가장 기초적인 애플리케이션 통합방법 / 1:1 단순 통합 방법 지향 / 개발자 간의 커뮤니케이션을 통해서 통합 가능한 EAI

2) 허브 앤 스포크 (Hub & Spoke)

- 단일한 접점의 허브 시스템을 통하여 데이터를 전송하는 중앙 집중식 방식 / 허브 장애시 전체 장애 발생

3) 메시지 버스(Message Bus)

4) 하이브리드 (Hybrid)

- 그룹 내는 허브 앤 스포크 방식을, 그룹 간 메시지 버스 방식을 사용하는 EAI유형

3. EAI (Enterprise Application Integration)

- 기업에서 운영되는 서로 다른 플랫폼 및 애플리케이션 간의 정보 전달, 연계, 통합을 가능하게 해주는 솔루션 / 대상 시스템에 비표준 어댑터(Adaptor)를 배포하여 통합하는 방식

4. EAI 구성 요소

1) EAI 플랫폼 (EAI Platform)

- 이기종 시스템 간 애플리케이션 상호 운영 / 데이터의 신뢰성 있는 전송을 위한 메시지 큐와 트랜잭션 미들웨어 기능 수행

- 대규모 사용자 환경 지원을 위한 유연성과 확장성 보장

2) 어댑터(Adaptor)

- 다양한 패키지 애플리케이션 및 기업에서 자체적으로 개발한 애플리케이션을 연결하는 EAI의 핵심 장치 / 데이터 입출력 도구

3) 브로커 (Broker)

- 시스템 상호간 데이터를 전송할때 데이터 포맷과 코드를 변환하는 솔루션

4) 메시지 큐(Message Queue)

- 비동기 메시지를 사용하는 다른 응용 프로그램 사이에서 데이터를 송수신 하는 기술

5) 비지니스 워크플로우 (Business Workflow)

- 미리 정의된 기업의 비지니스 workflow에 따라 업무를 처리하는 기능

5. ESB (Enterprise Service Bus) 개념

- 미들웨어(Bus)를 중심으로 각각 프로토콜이 호환할 수 있도록 애플리케이션의 통합을 느슨한 결합 방식으로 지원

6. WSDL(Web Service Description Language)

- 웹 서비스 방식의 연계 모듈 구현시 사용 되는 언어 / 웹 서비스에 대한 상세한 정보가 기술된 XML 형식의 언어

7. 인터페이스 데이터 표준

1) 인터페이스 공통부

- 인터페이스 표준 항목을 포함

2) 인터페이스 개별부

- 송수신 시스템에서 업무 처리에 필요한 데이터 포함

3) 인터페이스 종료부

- 전송 데이터의 끝을 표시하는 문자를 포함하여 종료 표시

8. API(Application Programming Interface)

- 응용프로그램에서 사용할 수 있도록 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 규격을 정해둔 인터페이스

9. JDBC

1) Java Application

- 네이티브 자바, 자바 서블릿, 자바 응용 프로그램

2) JDBC API

- 자바 응용 프로그램에서 DB연결 후 데이터 제어 할 수 있도록 DB연결 및 제어를 위한 인터페이스와 클래스들을 제공

3) JDBC Driver Manager

- 자바 응용 프로그램이 사용하는 데이터베이스에 맞는 드라이버 검색, 연결 및 초기화

4) JDBC Driver

- 각 데이터베이스 제작 업체에서 만든 데이터베이스 드라이버

10. 소켓(Socket)

- 네트워크를 경유하는 프로세스 간 통신의 접속점 / IP Address와 Port 넘버가 합쳐진 형태

11. REST

- HTTP메서드(POST, GET, PUT, DELETE)를 통해 해당 자원에 대한 생성, 조회, 갱신, 삭제 등의 명령을 적용할 수 있는 분산 하이퍼미디어 시스템을 위한 소프트웨어 아키텍쳐 / 리소스(자원), 메서드(처리), 메시지 3가지 요소로 구성

12. UDDI

- 기업에서 운영되는 서로 다른 프랫폼 및 애플리케이션들 간의 정보 전달, 연계, 통합을 가능하게 해주는 솔루션

[ 정처기 실기 ] 통합 구현 #2 / 연계 메커니즘 구성

Josh — Fri, 22 Apr 2022 12:01:44 +0900

1. DB링크

- 직접 연계 방식 중 하나 / 데이터베이스에서 제공하는 DB 링크 객체를 이용하는 방식으로 수신 시스템에서 DB링크를 생성하고 송신 시스템에서 해당 DB링크를 직접 참조하는 방식

2. 커넥션 풀(Connection Pool)

- 데이터베이스에 연결하기 위해 매번 커넥션을 생성할 때마다 많은 시스템 자원이 사용되므로 이걸 해결하고자 연결된 커넥션을 미리 만들어 풀(pool)속에 저장해 두고 필요할 때 커넥션 풀에서 가져다가 쓰고 다시 풀에 반환하는 기법

3. JDBC(Java Database Connectivity)

- 데이터베이스에서 자료를 조회하거나 업데이트 하기 위해서 자바에서 데이터베이스에 접속 할 수 있도록 자바 API를 사용하는 방식

4. 하이퍼링크

- 현재 페이지에서 다른 부분으로 가거나 전혀 다른 페이지로 이동하게 해주는 연계 기술

[ 정처기 실기 ] 통합 구현 #1 / 연계 데이터 구성

Josh — Fri, 22 Apr 2022 12:00:14 +0900

1. 델파이 기법

- 업무 전문가 등 각 분야의 전문가의 경험적 지식을 통한 연계 요구사항 분석 기법

2. 개체(Entity) 정의서

- 데이터베이스 개념 모델링 단계에서 도출한 개체의 타입과 관련 속성, 식별자 등의 정보를 개괄적으로 명세화한 정의서

3. 중계 서버 or 중계 시스템

- 송신 시스템과 수신 시스템 사이에서 데이터를 송수신 / 송수신 현황을 모니터링 하는 시스템

[ 정처기 실기 ] 데이터 입출력 구현 #2 / 물리 데이터 저장소 확인

Josh — Thu, 21 Apr 2022 00:22:02 +0900

1. 물리 데이터 모델링

- 논리 모델을 적용하고자 하는 기술에 맞도록 상세화해 가는 과정

2. 인덱스 컬럼 선정 기준

- 분포도가 좋은 컬럼은 단독적으로 생성.

- 자주 조합되어 사용되는 컬럼은 결합 인덱스로 생성.

3. 관계형 데이터베이스의 인덱스 개념

- 검색 연산의 최적화를 위해 데이터베이스 내 열에 대한 정보를 구성한 데이터 구조 / 전체 데이터의 검색 없이 필요한 정보를 신속히 조회가 가능하게 하는 데이터 구조

4. 파티셔닝 기법

[종류]

(1) 레인지 파티셔닝(Range Partitioning)

- 연속적인 숫자나 날짜를 기준으로 하는 파티셔닌 기법 / 손쉬운 관리 기법을 제공하여 관리 시간의 단축이 가능

(2) 해시 파티셔닝(Hash Partitionning)

- 파티션 키의 해시 함수 값에 의한 파티셔닝 기법 / 균등한 데이터 분할이 가능하며 질의 성능이 향상

(3) 리스트 파티셔닝(List Partitioning)

- 특정 파티션에 저장될 데이터에 대한 명시적 제어가 가능한 파티셔닝 기법 / 분포도가 비슷하고 데이터가 많은 SQL에 서 컬럼의 조건이 많이 들어오는 경우 유용

(4) 컴포지트 파티셔닝(CompoSite Partitioning)

- 범위분할에 이후 해시 함수를 적용하여 재분할하는 파티셔닝 기법 / 큰 파티션에 대한 I/O 요청을 여러 파티션으로 분산할 수 있음.

[ 정처기 실기 ] 데이터 입출력 구현 #1 / 논리 데이터 저장소 확인

Josh — Thu, 21 Apr 2022 00:20:20 +0900

1. 데이터 모델링 절차

[순서]

요구사항 분석 -> 개념적 데이터 모델링 -> 논리적 데이터 모델링 -> 물리적 데이터 모델링

2. 디비전(Division)

- 릴레이션 A, B 가 있을 때 릴레이션 B 조건에 맞는 것들만 릴레이션 A에서 튜플을 꺼내 프로젝션 하는 관계 대수

3. 이상 현상(Anomaly)

데이터의 중복성으로 인해 릴레이션을 조작할 때 발생하는 비합리적 현상

[이상 현상의 종류]

- 삽입 이상 / 삭제 이상 / 갱신 이상

4. 비 정규화(De-Normalization)

- 정규화된 엔터티, 속성, 관계에 대해 성능 향상과 개발 운영의 단순화를 위해 중복, 통합, 분리 등을 수행하는 데이터 모델링 기법

5. 논리 데이터 모델링 속성

개체(Entity) - 관리할 대상이 되는 실체

속성(Attributes) - 관리할 정보의 구체적 항목

관계(Relationship) - 개체 간의 대응 관계

6. 개체 - 관계 모델 (E-R) 모델

- 현실 세계에 존재하는 데이터와 그들 간의 관계를 사람이 이해할 수 있는 형태로 명확하게 표현하기 위해 가장 널리 사용되고 있는 모델 / 요구사항으로부터 얻어낸 정보들을 개체(Entity), 관계(Relationship)로 기술하는 데이터 모델

7. 정규화(Normalization) - 원부이 결다조

- 관계형 데이터베이스 설계 시 중복을 최소화하는 프로세스 / 관계형 데이터 모델에서 데이터의 중복성을 제거하여 이상 현상을 방지 / 데이터의 일관성과 정확성을 유지하기 위해 무손실 분해하는 과정

[정규화 단계]

(1) 1 정규형(1NF) - 원자값으로 구성, 즉 테이블 내에 속성 값이 1개만 있음

(2) 2 정규형(2NF) - 부분 함수 종속 제거, 주 식별자가 아닌 속성을 분리

(3) 3 정규형(3NF) - 이행 함수 종속 제거, 속성에 종속적인 속성을 분리

(4) 보이스-코드 정규형 (BCNF) - 모든 결정자가 후보 키가 되도록 하여 결정자 함수 종속성을 제거하는 단계

(5) 4 정규형(4NF) - 다중 값 종속성 제거, 특정 속성 값에 따라 선택적인 속성을 분리

(6) 5 정규형(5NF) - 조인 종속성 제거, 조인을 했을 때 원래의 데이터로 복원

8. 2차 정규화

- 부분 관계를 별도의 테이블로 두어 부분 함수 종속 관계를 제거

9. 데이터베이스 이상 현상

- 데이터의 중복성으로 인해 릴레이션을 조작할 때 발생하는 비합리적 현상

10. BCNF

- 3차 정규형을 만족하면서 모든 결정자가 후보 키 집합에 속한 정규형 / 3차 정규형으로 해결할 수 없는 이상 현상을 해결할 수 있음.

[ 정처기 실기 ] 화면 설계 #2 / UI 설계

Josh — Thu, 21 Apr 2022 00:18:45 +0900

1. UML - Unified Modeling Language

- 객체 지향 소프트웨어 개발 과정에서 산출물을 명세화, 시각화, 문서화할 때 사용되는 모델링 기술과 방법론을 통합하여 만든 표준화된 범용 모델링 언어

2. UML의 구성요소

사물(Things) / 추상적인 개념, 주제를 나타내는 요소

관계(Relationships) / 사물의 의미를 확장하고 명확히 하는 요소

다이어그램(Diagrams) / 사물과 관계를 모아 그림으로 표현

3. UML 다이어그램

- 구분에 따라 구조적(정적) 다이어그램 , 행위적(동적) 다이어그램으로 구분

구조적 다이어그램(Structural Diagram) / 정적 다이어그램(Static Diagram)

1) 클래스 - Class

- 객체지향 모델링 시 클래스의 속성 및 연산과 클래스 간 정적인 관계를 표현

2) 객체 - Object

- 클래스에 속한 사물들 , 즉 인스턴스를 특정 시점의 객체와 객체 사이의 관계로 표현

3) 컴포넌트 - Component

- 시스템을 구성하는 물리적인 컴포넌트와 그들 사이의 의존 관계를 나타냄

4) 배치 - Deploymnent

- 컴포넌트 사이의 종속성 표현, 결과물, 프로세스, 컴포넌트 등 물리적 요소들의 위치를 표현하는 다이어그램

5) 복합체 구조 - Composite Structure

- 클래스나 컴포넌트가 복합 구조를 갖는 경우 그 내부 구조를 표현하는 다이어그램

6) 패키지 - Package

- 유스케이스나 클래스 등의 모델 요소를 그룹화 한 패키지들의 관계를 표현

행위적 다이어그램(Behavioral Diagram) / 동적 다이어그램(Dynamic Diagram)

1) 유스케이스 -Usecase

- 시스템이 제공하고 있는 기능 및 그와 관련된 외부 요소를 사용자 관점에서 표현

2) 시퀀스 - Sequence

- 객체 간 동적 상호작용을 시간적 개념을 중심으로 메시지 흐름으로 표현한 다이어그램

3) 커뮤니케이션 - Communication

- 동작에 참여하는 객체들이 주고받는 메시지를 표현하고, 메시지뿐만 아니라 객체 간의 연관까지 표현 / 시간의 흐름에 따라 상호작용 하는 과정 표현

4) 상태 - State

- 하나의 객체가 자신이 속한 클래스의 상태 변화 혹은 다른 객체와의 상호작용에 따라 상태가 어떻게 변화하는지 표현

5) 활동 - Activity

- 시스템이 어떤 기능을 수행하는지를 객체의 처리 로직이나 조건에 따른 처리의 흐름을 순서대로 표현

6) 타이밍 - Timing

- 객체 상태 변화와 시간 제약을 명시적으로 표현

4. UI 시나리오 문서 작성 요건

1) 완전성

- 누락이 없어야 하고 최대한 빠짐없이 가능한 한 상세하게 기술, 사용자의 테스트에 초점을 맞춰 기술

2) 가독성

- 쉽게 읽을 수 있어야 하고 표준화된 템플릿을 작성하여 적용

[ 정처기 실기 ] 화면 설계 #1 / UI 요구사항 확인

Josh — Wed, 20 Apr 2022 11:57:26 +0900

1. UI(User Interface)

- 넓은 의미로 사용자와 시스템 사이에서 의사소통할 수 있도록 고안된 물리적, 가상의 매개체

- 좁은 의미로 정보 기기나 소프트웨어의 화면 등에서 사람이 접하게 되는 화면

2. UI 유형

[종류]

(1) CLI - Command Line Interface

- 정적인 텍스트 기반 / 명령어를 텍스트로 입력하여 조작

(2) GUI - Graphical User Interface

- 그래픽 반응 기반 인터페이스 / 그래픽 환경을 기반으로 한 마우스나 전자펜을 이용하는 사용자 인터페이스

(3) NUI - Natural User Interface

- 직관적 사용자 반응 기반 인터페이스 / 키보드나 마우스 없이 신체 부위를 이용 - 터치, 음성 포함

(4) OUI - Organic User Interface

- 유기적 상호작용 기반 인터페이스 / 현실에 존재하는 모든 사물이 입출력장치로 변화할 수 있는 사용자 인터페이스

3. UI 설계 원칙

[종류]

(1) 직관성

- 누구나 쉽게 이해하고 쉽게 사용할 수 있어야 한다 / 쉬운 검색, 쉬운 사용성, 일관성

(2) 유효성

- 정확하고 완벽하게 사용자의 목표가 달성될 수 있도록 제작 / 쉬운 오류 처리 및 복구

(3) 학습성

- 초보와 숙련자 모두 쉽게 배우고 사용 / 쉽게 학습, 쉬운 접근, 쉽게 기억

(4) 유연성

- 사용자의 인터랙션을 최대한 포용, 실수 방지 / 오류 예방, 실수 포용, 오류 감지

4. 와이어 프레임(wire-frame)

- 이해 관계자들과의 화면 구성을 협의하거나 서비스의 간략한 흐름을 공유하기 위해 화면 단위의 레이아웃을 설계하는 UI 설계 방식

5. UI 품질 요구사항

(1) 기능성

(2) 신뢰성

(3) 사용성

[종류]

1. 이해성 / 소프트웨어의 논리적 개념과 적용 가능성(응용 가능성)을 분간하는데 필요한 사용자의 노력 정도에 따른 소프트웨어 특성

2. 학습성 / 소프트웨어 애플리케이션을 익히는데 필요한 사용자의 노력 정도

3. 운용성 / 소프트웨어의 활용과 운용 통제에 필요한 사용자의 노력 정도에 따른 특성

(4) 효율성

(5) 유지보수성

(6) 이식성

6. 스토리보드

- 디자이너와 개발자가 최종적으로 참고하는 산출 문서 / UI 화면 설계를 위해서 정책이나 프로세스 및 콘텐츠의 구성, 와이어 프레임, 기능에 대한 정의 등 구축하는 서비스에 대한 대부분의 정보가 수록된 문서

7. 프로토타입

- 사전에 프로토타입을 먼저 제작하고 이를 기반으로 UI 적절성 평가, 수정 보완 함.

[ 정처기 실기 ] 요구사항 확인 #4 / 분석 모델 확인하기

Josh — Tue, 19 Apr 2022 09:42:02 +0900

1. 유스케이스 모델 검증 방법

- 시스템 기능에 대한 유스케이스 모형 상세화 수준 및 적정성 검증을 위해서 액터, 유스케이스, 유스케이스 명세서를 점검하는 기법

2. 분석 모델의 기술적 타당성 검토 항목

1) 성능 및 용량 산정의 적정성

2) 시스템 간 상호 운용성

3) IT 시장 성숙도 및 트렌드 부합성

4) 기술적 위험 분석

[ 정처기 실기 ] 요구사항 확인 #3 / 요구사항 확인

Josh — Tue, 19 Apr 2022 09:39:51 +0900

1. 요구 공학

- 사용자의 요구가 반영된 시스템을 개발하기 위해 사용자 요구사항에 대한 도출, 분석, 명세, 확인 및 검증을 하는 구조화된 활동

2. 기능적 요구사항 vs 비기능적 요구사항

기능적 요구사항

- 말 그대로 기능 / 목표시스템이 반드시 수행해야 하거나 사용자가 반드시 수행할 수 있어야 하는 기능

비기능적 요구사항

- 기능 요구사항을 제외한 성능, 시스템 장비 구성 요구사항 등 소프트웨어 개발 생산성에 영향을 미치는 요인

3. 요구사항 개발 단계

(1) 도출

- 소프트웨어가 해결해야 할 문제 이해 / 고객이 제시하는 추상적 요구에 대해 관련 정보 식별 및 수집된 요구사항을 구체적으로 표현하는 단계

(2) 분석

- 도출된 요구사항에 대한 충돌, 중복, 누락 등의 분석을 통해 완전성과 일관성 확보

(3) 명세

- 체계적으로 검토, 평가, 승인 될 수 있는 문서 작성

(4) 확인 및 검증

- 분석가가 요구사항을 이해했는지 확인하고 , 문서가 적합하고 이해 가능하며 일관성 있는지 검증

4. 비정형 명세 기법 vs 정형 명세 기법

비정형 명세 기법

- 자연어를 기반으로 서술하는 기법

정형 명세 기법

- 수학적인 원리와 표기법으로 서술하는 기법

5. 요구사항 명세서

- 소프트웨어의 요구사항을 분석하고 정의하는 단계에서 작성되는 최종 산출물

6. 인스펙션

- 저작자 외의 다른 전문가 또는 팀이 검사하여 문제를 식별하고 문제에 대한 올바른 해결을 찾아내는 형식적인 검토 기법

7. 형상 통제 위원회(Configuration Control Board)

- 형상 관리에 대한 주요 방침을 정하고 산출물을 검토하며, 단계별 의사결정을 수행하는 조직

[ 정처기 실기 ] 요구사항 확인 #2 / 현행 시스템 분석

Josh — Mon, 18 Apr 2022 09:21:57 +0900

1. 소프트웨어 아키텍처

- 여러 가지 소프트웨어 구성요소와 그 구성요소가 가진 특성 중에서 외부에 드러나는 특성, 그리고 구성요소 간의 관계를 표현하는 시스템의 구조나 구조체

2. 소프트웨어 아키텍처 4+1 뷰

- 고객의 요구사항을 정리해둔 시나리오를 4개의 관점에서 바라보는 소프트웨어적 접근 방법

[4+1 뷰]

1) 유스케이스 뷰 (Usecase View)

- 유스케이스 또는 아키텍처를 도출하고 설계하며 다른 뷰를 검증하는데 사용되는 뷰 / 사용자, 설계자, 개발자, 테스트 관점

2) 논리 뷰 (Logical View)

- 시스템의 기능적 요구사항이 어떻게 제공되는지 설명 / 설계자, 개발자 관점

3) 프로세스 뷰 (Process View)

- 시스템의 비기능적인 속성으로서 자원의 효율, 병행 실행, 비동기, 이벤트 처리 등을 표현 / 개발자, 시스템 통합자 관점

4) 구현 뷰 (Implementation View)

- 정적인 소프트웨어 모듈의 구성을 보여주는 뷰

5) 배포 뷰 (Deployment View)

- 컴포넌트가 물리적인 아키텍처에 어떻게 배치된 느지 매핑해서 보여주는 뷰

3. 소프트웨어 아키텍처 패턴 (Software Architecture Pattern)

- 소프트웨어를 설계할 때 참조할 수 있는 전형적인 해결 방식

[종류]

1) 계층화 패턴 (Layered Pattern)

- 시스템을 계층으로 구분하여 구성하는 패턴

2) 클라이언트 - 서버 패턴 (Client - Server Pattern)

- 하나의 서버와 다수의 클라이언트로 구성된 패턴

3) 파이프 - 필터 패턴 (Pipe-Filter Pattern)

- 데이터 스트림을 생성하고 처리하는 시스템에서 사용 가능한 페턴

4) 브로커 패턴 (Broker Pattern)

- 분리된 컴포넌트들로 이루어진 분산 시스템에서 사용 / 원격 서비스 실행을 통해 상호작용이 가능한 패턴

5) 모델-뷰-컨트롤러(MVC Pattern)

- 대화형 애플리케이션을 모델, 뷰, 컨트롤러 3개의 서브 시스템으로 구조화하는 패턴

4. 소프트웨어 아키텍처 비용 평가 모델

- 품질 속성에 미치는 영향을 판단하고 아키텍처의 적합성 평가

[종류]

1) SAMM(Software Architecture Analysis Method)

- 변경 용이성과 기능성에 집중, 평가가 용이

2) ATAM (Architecture Trade-off Analysis Method)

- 아키텍처 품실 속성을 만족시키는지 판단 / 품질 속성들의 이해 상충관계까지 평가

3) CBAM (Cost Benefit Analysis Method)

- ATRM 바탕의 시스템 아키택처 분석 중심 / 경제적 의사결정

4) ADR (Active Design Review)

- 구성요소간 응집도

5) ARID (Active Reviews for Intermediate Designs)

- 특정 부분에 대한 품질요소에 집중

5. 디자인 패턴 유형

디자인 패턴

- 소프트웨어 설계에서 공통으로 발생하는 문제에 대해 자주 사용하는 설계 방법을 정리한 패턴

[목적에 따른 디자인 패턴 유형]

1) 생성

[종류]

(1) Builder

- 복잡한 인스턴스를 조립하여 만드는 구조 / 객체 생성 방법과 객체 구현 방법 분리 / 생성과 표기를 분리하여 복잡한 객체를 생성

(2) Prototype

- 기존 객체를 복제함으로써 객체를 생성

(3) Factory Method

- 상위 클래스에서 객체를 생성하는 인터페이스를 정의하고 하위 클래스에서 인스턴스를 생성 / 생성할 객체의 클래스를 국한하지 않고 객체를 생성 / 오버 로딩

(4) Abstract Factory

- 서로 연관되거나 의존적인 객체들의 조합을 만드는 인터페이스를 제공하는 패턴 / 동일한 주제의 다른 팩토리를 묶음

(5) Singleton

- 한 클래스에 한 객체만 존재하도록 제한

2) 구조

[종류]

(1) Bridge

- 기능 클래스와 구현 클래스 연결 / 구현부에서 추상 계층을 분리 / 구현뿐만 아니라 추상화된 부분까지 변경해야 하는 경우 활용

(2) Decorator

- 구현되어있는 클래스에 필요 기능을 추가해 나가는 설계 패턴 / 객체의 결합을 통해 기능을 동적으로 유연하게 확장

(3) Facade

- 사용자와 시스템 간 또는 여타 시스템과의 결합도 낮추어 시스템 구조에 대한 파악을 쉽게 하는 패턴 / 통합된 인터페이스 제공

(4) Flyweight

- 클래스의 경량화를 목적으로 함 / 여러 개의 가상 인스턴스 제공하여 메모리 절감

(5) Proxy

- '실체 객체에 대한 대리 객체' / 특정 객체로의 접근을 제어하기 위한 용도로 사용

(6) Composite

- 객체들의 관계를 트리구조로 구성 / 복합 객체와 단일 객체를 동일하게 취급

(7) Adapter

- 기존 클래스를 재사용할 수 있도록 중간에 맞춰주는 역할을 하는 인터페이스를 만드는 패턴

3) 행위

[종류]

(1) Mediator

- 중재자를 두고 중재자에게 모든 것을 요구하여 통신의 빈도수를 줄여 객체 지향의 목표를 달성하게 해주는 디자인 패턴 / 상호작용의 유연한 변경을 지원

(2) Interpreter

- 언어의 다양한 해석, 구체적으로 구문을 나누고 분리된 구문의 해석을 맡는 클래스를 각각 작성하여 여러 형태의 언어 구문을 해석할 수 있게 만드는 디자인 패턴 / 문법 자체를 캡슐화하여 사용

(3) Iterator

- 컬렉션 구현 방법을 노출시키지 않으면서도 그 집합체 안에 들어있는 모든 항목에 접근할 방법을 제공하는 디자인 패턴 / 내부 구조를 노출하지 않고 복잡한 객체의 원소를 순차적으로 접근 가능하게 해주는 행위 패턴

(4) Template Method

- 상위 작업의 구조를 바꾸지 않으면서 서브 클래스로 작업의 일부분을 수행 / 기능의 골격 제공 / 코드 양 줄이고 유지보수 용이

(5) Observer

- 객체의 상태 변화에 따라 다른 객체의 상태도 연동, 일대다 의존

(6) State

- 객체의 상태에 따라 행위 내용을 변경

(7) Visitor

- 해당 클래스의 메서드가 각 클래스를 돌아다니며 특정 작업을 수행하도록 만드는 패턴 / 특정 구조를 이루는 복합 객체의 원소 특성에 따라 동작을 수행할 수 있도록 지원하는 행위

(8) Command

- 요구사항을 객체로 캡슐화

(9) Strategy

- 행위 객체를 클래스로 캡슐화해 동적으로 행위를 자유롭게 변환 / 서로 교환해서 사용

(10) Memento

- 객체의 정보를 저장할 필요가 있을 때 적용하는 디자인 패턴 / undo 기능 개발할 때 사용

(11) Chain of Responsibility

- 한 요청을 2개 이상의 객체에서 처리

6. OSI 7 계층

- 네트워크 통신에서 생긴 여러 가지 충돌 문제를 완화하기 위해 국제 표준화 기구에서 제시한 네트워크 기본 모델

[종류]

(7) 응용 계층 - Application Layer

- 사용자와 네트워크 간 응용서비스 연결, 데이터 생성 / HTTP, FTP / 데이터(Data)

(6) 표현 계층 - Presentation Layer

- 데이터 형식 설정과 부호 교환, 암/복호화 / JPEG, MPEG / 데이터(Data)

(5) 세선 계층 - Session Layer

- 연결 접속 및 동기제어 / SSH, TLS / 데이터(Data)

(4) 전송 계층 - Transport Layer

- 신뢰성 있는 통신 보장, 데이터 분할과 재조립, 흐름 제어, 오류 제어, 혼잡 제어 등을 담당 / TCP, UDP / 세그먼트(Segment)

(3) 네트워크 계층 - Network Layer

- 단말 간 데이터 전송을 위한 최적화된 경로 제공 / IP, ICMP / 패킷(Packet)

(2) 데이터 링크 계층 - Data Link Layer

- 인접 시스템 간 데이터 전송, 전송 오류 제어, 동기화 흐름 제어 등의 전송 기능 제공 , 오류 검출 , 재전송 등 기능 제공 / 이더넷 / 프레임(Frame)

(1) 물리 계층 - Physical Layer

- 0과 1 비트 정보를 회선에 보내기 위한 전기적 신호 변환 / RS-232C / 비트 (bit)

[ 정처기 실기 ] 요구사항 확인 #1 / 소프트웨어 개발방법론

Josh — Sun, 17 Apr 2022 23:10:02 +0900

1. 소프트웨어 생명주기(SDLC)

- 시스템의 요구사항부터 유지보수까지 전 공정을 체계화한 절차

[단계 - 요설구테유]

1) 요구사항 분석

2) 설계

- 시스템 명세 단계에서 정의된 기능이 실제 수행 될 수 있도록 논리적으로 결정하는 단계

3) 구현

4) 테스트

5) 유지보수

2. 소프트웨어 개발 모델

1) 폭포수 모델

- 각 단계를 확실히 마무리 지은 다음, 다음 단계로 넘어가는 모델

2) 프로토타이핑 모델

- 고객의 요구사항을 프로토타입으로 구현하고 고객의 피드백을 반영하여 개발해 나가는 방법

3) 나선형 모델

- 개발 진행시 위험을 최소화 하기 위해 점진적으로 완벽한 시스템으로 개발해 나가는 모델

4) 반복적 모델

- 구축 대상을 나누어 병렬적으로 개발 후 통합, 반복적으로 개발하여 점증 완성하는 모델

3. 방법론

1) 구조적 방법론

- 기능에 따라 나누어 개발 후 이를 통합하는 분할과 정복 접근 방식의 방법론

2) 정보공학 방법론

3) 객체지향 방법론

- 객체를 기본단위로 시스템을 분석 설계 / 사람이 이해하는 방식으로 시스템에 적용하는 방법론

4) 컴포넌트 기반 방법론(CBD)

5) 애자일 방법론

- 사람중심 / 변화에 유연하고 신속하게 적응

6) 제품 계열 방법론

- 특정 제품에 적용하고 싶은 공통된 기능 정의하여 개발하는 방법론

4. XP 12가지 가치

1) 짝 프로그래밍

- 개발자 둘이서 짝으로 코딩하는 원리

2) 지속적인 통합(CI)

- 매일 여러번 소프트웨어를 통합하고 빌드해야한다는 원리

3) 메타포어

- 공통적인 이름 체계와 시스템 서술서를 퉁해 고객과 개발자 간의 의사소통을 원활하게 한다는 원리

4) 테스트 기반 (TDD)

- 프로그램에 대한 테스트를 먼저 진행하고 통과할 수 있도록 실제 프로그램 코드를 작성하는 원리

5) 리팩토링

6)공동코드소유

7) 계획 세우기

8) 작은 릴리즈

9) 간단한 디자인

10) 40시간 작업

11) 고객 상주

12) 코드 표준

5. 애자일 방법론

1)XP

- 의사소통과 즉각적 피드백으로 소프트웨어 품질 높이는 방법론

2) 스크럼

- 매일 정해진 시간, 장소에서 짧은 시간의 개발을 하는 팀을 위한 프로젝트 관리 중심 방법론

3) 린

- 도요타의 린 시스템 픔질기법 / 낭비 요소를 제거하여 품질을 향상

6. 델파이 기법

- 전문가의 경험적 지식을 통한 문제 해결 및 미래 예측을 위한 기법

7. 비용 산정 방식

1) LoC

2) Man Month

3) COCOMO

- 보헴 / 프로그램 규모에 따라 비용 산정

4) 푸트남

- 개발 주기의 단계별로 요구할 인력의 분포를 가정하는 방식

5) 기능점수(FP)

- 요구 기능을 증가시키는 인자별로 가중치를 부여, 요인별 가중치를 합산하여 총 기능의 점수를 계산하여 비용을 산정

8. 일정 관리 기법

1) 주 공정법(CRM)

- 여러 작업들의 수행 순서가 얽혀 있는 프로젝트의 일정을 계산하는 방법

2) PERT

- 일의 순서를 계획적으로 정리하기 위한 수렴 기법 / 비관치, 중간치, 낙관치의 3점 추정 방식을 통해 일정 관리하는 기법

3) 중요 연쇄 프로젝트 관리 (CCPM)

- 주 공정 연소법 / 자원졔약사항을 고려하여 일정을 작성하는 기법

[ dev ] No Internet으로 공룡게임하기(no internet game dinosaur)

Josh — Sat, 16 Apr 2022 11:14:48 +0900

안녕하세요 조씨 입니다.

주말이라 할 것도 없어서 공부를 하러 카페에 왔습니다.

핫스팟을 연결해서 인터넷을 쓰고 있었는데 갑자기 인터넷이 끊겨 버려서 이런 이미지가 나왔습니다.

No Internet 이면 No Internet이지 저 공룡은 뭔가 싶어서 개발자 도구 (F12 / mac은 fn + F12)로 공룡을 찾아봤습니다.

application?? title이 Dino game, play???

html 도 확인해보겠습니다.

Dino game. A pixelated dinosaur dodges cacti and pterodactyls as it runs across a desolate landscape. When you hear an audio cue, press space to jump over obstacles.

Dino 게임.

픽셀 공룡이 황량한 풍경을 뛰어다니며 선인장과 익룡? 을 피하세요. 오디오 신호가 들리면 스페이스바를 눌러서 장애물을 뛰어넘으세요.

?????

그래서 스페이스바를 눌러보니 갑자기 공룡이 뛰기 시작하며 선인장이 나옵니다.

선인장을 피해서 점프를 해주세요.

선인장에 박으면 게임오바 입니다.

그럼 이제 게임 그만하고 공부하러 가보겠습니다.

감사합니다.

[ dev ] eclipse git Author / Committer 변경

Josh — Fri, 15 Apr 2022 17:58:31 +0900

eclipse를 이용해 GitLab의 Repository로 commit 혹은 push를 할 때 다른 계정으로 올라가는 경우가 있습니다.

대부분 초기 Author 와 Committer가 컴퓨터 명으로 되어 있을 텐데 이 정보가 git으로 올라가서 다른 계정으로 올라가게 됩니다.

commit과 push를 하는 곳을 보면 아래와 같이 나옵니다.

그럼 eclipse 에서 git Author와 Committer를 변경해보겠습니다.

1. Window - > preferences에 들어갑니다.

2. configuration 을 검색하고 Git -> configuration에 들어갑니다.

처음 들어가면 User Settings 의 Key / Value 가 비어있습니다.

여기에 user의 name 과 email을 등록해줘야 합니다.

3. Add Enrty... 를 클릭합니다.

4. Key 와 Value를 입력합니다.

Key는 트리형식으로 들어가야 하며, user의 name을 키로 잡기 위해선 user.name과 같이 입력합니다.

Value는 git에 push 할 경우 표시될 이름을 입력합니다.

user의 email 또한 user.email로 입력합니다.

Value는 email을 입력해주세요.

GitLab에 등록되어있는 email로 사용할 경우 GitLab에 등록되어있는 이름으로 push가 됩니다.

5. 입력된 정보를 확인하고 Apply and Close를 클릭합니다.

수정된 정보는 새로고침 후 확인 가능합니다.

위와 같이 수정해두면 GitLab에 push 할때마다 저장 값대로 push가 가능합니다.

감사합니다.

[ Database ] Windows 에서 Mysql/MariaDB 재시작하기

Josh — Wed, 13 Apr 2022 18:22:57 +0900

windows에 설치되어있는 mariaDB를 종료하고 재시작하는 방법을 알아보겠습니다.

해당 작업은 eclipse로 개발 진행 중 공통으로 사용중인 mariaDB의 connection 문제 발생으로 진행하게 됐습니다.

뭔가 심각하다고 오류가 났습니다. 그리고 나온 다음 오류는

Caused by: com.mysql.jdbc.exceptions.jdbc4.MySQLNonTransientConnectionException: Could not create connection to database server. Attempted reconnect 3 times. Giving up.

그리고 또 오류

Connection refused : connect

Mysql이 문제인 것 같아서 해당 DB가 돌아가고 있는 서버에 원격 접속을 했습니다.

가장 먼저 해야할 일은 Program Files의 MariaDB 경로로 이동해야 합니다.

대부분 C:\Program Files 경로로 잡혀있고 여기서 MariaDB를 찾아주세요.

여기서 두 가지 방법이 있는데,

첫 번째, 해당 경로에서 PowerShell을 열어서 진행하는 방법과, 두 번째 cmd 창을 열어서 해당 경로로 이동하는 방법이 있습니다.

지금은 cmd로 진행해보겠습니다.

여기서 net start mariadb를 입력합니다. 정상적으로 서비스가 실행됩니다.

그리고 종료는 net stop mariadb를 입력합니다.

혹시 상태를 확인하는 명령어가 있는지 보려고 status를 입력해보니 없는 명령어라고 나옵니다.

net status mariadb로 입력해봐도 없는 명령어라고 나오며 net에서 사용할 수 있는 명령어가 나옵니다.

이상입니다.

[ dev ] Windows OS 에서 tail 명령어 사용하기[-Wait]

Josh — Sat, 19 Feb 2022 14:15:16 +0900

개발을 진행하면서 로그를 봐야할 일이 많은데 Linux OS 에선 tail -f [해당파일] 명령어로 확인을 하고 있었습니다.

그럼 Windows 에선 대용량의 로그를 어떻게 실시간으로 확인 하고 원하는 줄만 출력할 수 있을까요?

먼저 로그파일이 있는 폴더로 이동하여 PowerShell을 켜줍니다.

해당 폴더에서 PowerShell 여는 방법은 아래 글을 참고해주세요.
https://joshwon.tistory.com/39

[ dev ] Windows 특정 폴더에서 PowerShell 열기

windows OS 에서 파워쉘(PowerShell) 사용시 특정 폴더에서 PowerShell을 열 수 있는 방법에 대해 알아보겠습니다. 시작 메뉴 및 검색에서도 파워쉘을 열 수 있지만 명령어를 통해 해당 폴더까지 들어가야

joshwon.tistory.com

저는 dev 폴더에서 test_log_220218.log를 확인하도록 하겠습니다.

파워쉘에 아래와같이 입력해주세요.

Get-Content "파일명"-Wait -Tail 숫자

Get-Content "파일명" 은 해당 파일의 정보를 가지고 오는 명령어 입니다.
-Wait 는 파일을 실시간으로 출력하는 명령어 입니다.
-Tail 숫자 는 해당 파일의 마지막 줄 부터 숫자 줄 만큼 출력하는 명령어 입니다.

저는 먼저 test_log_220218.log 파일을 확인하기위해
Get-Content test_log_220218.log -Wait
를 입력했습니다.

그럼 아래와같이 확인이 가능합니다.

Linux OS 의 tail -f 명령어와 같은 기능인 실시간으로 변경 내용이 반영이 되는 -Wait 명령어를 사용했으니 test_log_220218.log를 수정하고 파워쉘을 확인해보겠습니다.

위와 같이 수정을 하고 저장 후 파워쉘에 들어가면 아래와같이 변경된 내용도 확인 가능합니다.

그럼 이번엔 -tail 숫자를 입력해 원하는 부분만 로그를 확인해보겠습니다.
저는 아래에서부터 11줄을 읽어오는 명령어를 아래와같이 입력했습니다.
Get-Content test_log_220218.log -Wait -Tail 11

아래와 같은 결과가 나오게 됩니다.

해당 파일은 용량과 글수가 적기 때문에 메모장에서도 열리지만 GB로 넘어가는 내용은 vsCode나 Notepad++ 와 같은 editor를 사용해도 열리지 않습니다.
파워쉘은 대용량 로그 확인이 가능하니 해당 방법을 따라해보기실 바랍니다.

감사합니다.

[ dev ] Windows 특정 폴더에서 PowerShell 열기

Josh — Fri, 18 Feb 2022 10:33:12 +0900

windows OS 에서 파워쉘(PowerShell) 사용시 특정 폴더에서 PowerShell을 열 수 있는 방법에 대해 알아보겠습니다.

시작 메뉴 및 검색에서도 파워쉘을 열 수 있지만 명령어를 통해 해당 폴더까지 들어가야한다는 단점이 있습니다.

먼저 PowerShell이란,

확장 가능한 명령 줄 인터페이스(CLI) 셸 및 스크립트 언어를 특징으로 하는 명령어 인터프리터이며 윈도우의 GUI(Graphic User Interface)상에서 할 수 있는 모든 행위 및 동작을 명령어로 수행 가능합니다.

cmd이후 powershell이 등장했고 꾸준한 업데이트로 더 많은 기능을 제공한다고 합니다.
powershell에서 get-help를 치면 다양한 명령어 개수를 확인할 수 있습니다.

cmd와의 차이점은 아래 글을 참고해주세요.

https://joshwon.tistory.com/18

Powershell 과 cmd

Docker를 이용해 다양한 데이터베이스를 생성하다 보니 Powershell이나 cmd를 사용하는 일이 많아졌습니다. 사실 처음엔 cmd로 하는 거라곤 ipconfig였는데 지금도 잘 못하긴 합니다. 그러다 windows의 Power

joshwon.tistory.com

사실 특정 폴더에서 PowerShell을 여는건 매우 간단합니다.

순서는 해당 폴더 이동 후 왼쪽 상단 파일 클릭 후 Windows PowerShell 열기를 하면 됩니다.

그럼 이렇게 해당 폴더 경로에서 파워쉘이 열립니다.

다음글에선 파워쉘로 대용량 택스트 파일 열기 및 리눅스 명령어인 tail -f 와 같은 기능을 하는 Windows 명령어에 대해 알아보겠습니다.

감사합니다.

[ MAC ] Docker 에 MariaDB 설치 후 Dbeaver 연결하기

Josh — Sun, 6 Feb 2022 13:47:53 +0900

이번엔 터미널을 이용해 Docker에 MariaDB를 설치해보겠습니다.

Docker가 없다면 이전 글인
[MAC] Homebrew로 Docker 설치하기 를 읽어주세요.

[ MAC ] Homebrew로 Docker 설치하기 - https://joshwon.tistory.com/m/36

[ MAC ] Homebrew로 Docker 설치하기

MAC OS에서 Homebrew 를 이용해 Docker를 설치하려고 합니다. Homebrew 로 Docker를 설치하는 방법은 brew 와 brew cask 가 있습니다. 두가지는 차이점이 있는데, 첫번째 brew로 설치할 경우 - virtualbox, vargr..

joshwon.tistory.com

1. 터미널을 실행해서 MariaDB를 다운로드 합니다.
docker pull mariadb 를 입력합니다.

mariadb 최신 버전의 이미지를 다운로드 했다고 나옵니다.

2. docker image ls 를 입력해 다운로드를 확인해 보겠습니다.

다운로드가 잘 되었습니다. 그런데 created 가 35시간 전이네요. 왜 그런지 확인해보니 해당 이미지의 최신 버전이 규정된 시간이라고 합니다. 아래 링크를 확인해 주세요.
https://stackoverflow.com/questions/35078906/what-is-the-created-time-in-docker-images-command

What is the created time in docker images command?

What is the CREATED time exactly when you give this command? docker images It gives the time like 3 months ago, or 9 days ago. Is it the time it was uploaded to docker hub? Even for the lo...

stackoverflow.com

3. Docker 컨테이너를 실행합니다.
docker run --name mariadb -d -p 3306:3306 -e MYSQL_ROOT_PASSWORD=joshmariadb mariadb

--name : 컨테이너 이름
-d : 백그라운드 실행
-p : 포트번호 (mariadb는 기본 3306을 사용합니다.)
-e : 환경변수
MYSQL_ROOT_PASSWORD : root 개정의 비밀번호
mariadb : 다운로드 받은 이미지 파일 이름

4. 실행 컨테이너를 확인해보겠습니다.
docker ps 를 입력합니다.

잘 들어가 있네요.
5. Docker를 실행시켜 컨테이너가 잘 들어가 있는지도 확인해보겠습니다.

여기도 잘 들어가 있습니다.
6. 이제 Dbeaver를 통해 띄워둔 mariadb를 등록해보겠습니다.
Dbeaver를 실행시켜 Connect to a database 를 누른 후 MariaDB를 선택해줍니다.

7. 방금 생성한 mariadb 정보를 입력하고 왼쪽 하단 Test Connection 을 눌러 연결을 확인합니다.

연결 되었다고 나옵니다.
8. ok를 누르고 finish를 눌러 연결을 완료하면 왼쪽에 추가된 localhost mariadb를 확인 할 수 있습니다.

다음 글에서는 해당 mariadb에 테이블 및 필드를 생성하고 데이터를 추가해보겠습니다.

감사합니다.

[ dev ] git 을 공부해보자 #2 (Git Hub 이야기)

Josh — Sat, 5 Feb 2022 00:18:14 +0900

Hub란 우주의 중심이란 뜻으로 Git Hub는 모든 개발자의 중심이며 놀이터입니다.

A개발자 / B개발자 / C개발자 가 회사에서 git을 사용하고 있고 작업 내용을 집에서도 사용하기위해 Git Hub에 올려 사용합니다.

어디서든 작업이 가능하게 되죠.

Git hub는 Public(공개-무료) 과 Private(비공개-유료) 로 나뉩니다.

Public의 경우 Mit 라이센스가 있습니다.

Mit 라이센스란, 소스코드를 무료로 공개하고 이 소스코드를 통해 업그레이드를 통해 개발을 했을 경우 해당 개발을 공개할 필요가 없습니다.

그런데,

이 Git Hub가 유료화의 화신인 마이크로 소프트가 무려 75억달러(8조)에 인수를 했습니다.

그럼 Public 도 유료화가 되겠다고 생각했으나 private을 무료화 했습니다.

그래서 지금은 Git Hub를 공개, 비공개 모두 무료로 사용할 수 있습니다.

그렇다면, 왜 마이크로 소프트는 Git Hub를 인수하고 무료화 까지 했을까요?

위에서도 말했듯이 Git Hub라는 개발자들의 놀이터엔 수많은 소스코드들이 있습니다. 전 세계에서 모인 소스코드를 마이크로 소프트가 가지고 있을 수 있는거죠. 방대한 데이터를 모아 미래 가치에 투자 했다고 생각할 수 있습니다.

또한 마이크로 소프트는 링크드인을 인수했습니다. 링크드인은 개발자 취업 사이트로 구직자 데이터를 모을 수 있습니다.

앞으로는 수많은 자료를 활용하는 빅데이터와 인공지능의 시대가 도래할 것이라 판단한 것 입니다.

세계경제포럼회장인 클라우드 슈밥은

미래는 휴먼 클라우드 시장이 될 것이다! 이라고 말했습니다.

더이상 정규직이 아닌 능력을 통해 사람을 뽑는 계약직의 시대가 도래 한다고 예상했습니다.

다음은 리캡쳐 프로젝트와 git 설치 및 회원가입을 진행해보겠습니다.

[ MAC ] Homebrew로 Docker 설치하기

Josh — Fri, 4 Feb 2022 10:51:03 +0900

MAC OS에서 Homebrew 를 이용해 Docker를 설치하려고 합니다.

Homebrew 로 Docker를 설치하는 방법은 brew 와 brew cask 가 있습니다.

두가지는 차이점이 있는데,

첫번째 brew로 설치할 경우

- virtualbox, vargrant 등 가상머신 위에 도커를 띄우는 작업을 해야합니다.

- compose, machine등 추가 설치가 필요합니다.

- 서버 실행시 호스트 OS에서 서버 접근시 포트 포워딩을 해야 합니다.

두번째 brew cask로 설치할 경우

- brew cask 는 Docker Desktop on Mac 도커를 설치해주며, docker-compose, docker-machine을 같이 설치해줍니다.

- 맥 OS에서 띄우기 때문에 가상 머신에서 포트 포워딩을 할 필요가 없습니다.

brew cask 설치를 하는게 조금 더 수월해 보입니다.

만약 brew 에 cask 가 없다면 터미널에서 brew install cask 를 먼저 진행해주세요.

그럼 brew cask 를 통해 Docker를 설치해 보겠습니다.

1. 터미널에서 brew install --cask docker 를 입력합니다.

Homebrew 2.6.0 이전 버전에선 brew cask <command> 형식으로 사용했지만 이후 버전에선 brew <command> --cask를 사용합니다.

docker was successfully installed!

2. application 에서 docker를 확인해봅니다.

3. Docker를 실행시켜줍니다.

아직 컨테이너를 생성하지않았기 때문에 No containers running 이라고 나옵니다.

4. 우측 상단에 Docker 가 돌아가는걸 확인 할 수 있습니다.

이렇게 docker 설치를 완료하였고 다음 글에서는 터미널을 이용해 docker에 MariaDB를 설치하는 방법을 알아 보겠습니다.

감사합니다.

[ dev ] git 을 공부해보자 #1 (git의 역사 및 배경지식)

Josh — Thu, 3 Feb 2022 22:18:41 +0900

회사에서 프로젝트를 진행할때 대부분 SVN으로 형상관리를 하였는데 최근 git을 사용할 일이 있었습니다.

git을 사용한지 벌써 6개월이 지났고 그당시에도 GitHub의 source tree 나 GitHub desktop을 사용했던지라 git을 command 와 eclipse 를 이용해 사용하는데 어려움을 느꼈습니다.

git 공부의 필요성을 느끼고 인프런에서 지옥에서 온 관리자 Git 을 찾았고 해당 강의를 보며 정리를 해보고자 합니다.

그럼 지옥에서 온 관리자 git 시작해보겠습니다.

1. Git의 역사 및 배경지식

Git 은 어디서 왔을까?

배경지식을 아는게 많은 도움이 되기 때문에 백그라운드를 먼저 알아보겠습니다.

유닉스 라는 대형 컴퓨터를 위한 운영체제가 있습니다. 이걸 개인용 컴퓨터에 맞는 OS인 리눅스(Linux)로 만든 사람이 바로 리눅스 토발즈 입니다.

또한 리눅스 토발즈는 GNU라는 새로운 개념을 만듭니다.

GNU는 소프트웨어의 상업화에 반대해 모두가 공유할 수 있는 소프트웨어를 만드는 것을 목표로 하였습니다.

A 소프트웨어를 만들었는데 이 소프트웨어로 이익을 챙기지 않고 누구에게나 공개 하겠다는 뜻 입니다.

다만, 이걸 사용하려면 GPL 을 따라야 한다는 조건이 있습니다.

그럼 GPL은 무엇일까요?

GPL 은 General Public License의 약자로 A소프트웨어를 사용해서 기능이 더 좋은 B소프트웨어를 만들 경우 B소프트웨어는 무조건 공개 되어야 한다는 의무가 생기는 것 입니다.

리눅스 토발즈의 철학이 담겨있죠. 모든걸 공개. 이익은 없다!

리눅스의 수많은 개발자들이 오픈소스인 리눅스를 계속 발전시켜나갑니다.

발전을 시켜 나가기 위해선 여러사람들이 하나의 프로젝트를 가지고 협업을 해야 합니다.

기존의 협업은 파일을 압축해서 하나로 모으는 작업을 통해 진행 되었습니다.

같은 파일을 건들 경우 하나로 합칠때 충돌이 일어납니다. 하나로 합치기 너무 힘들어요!

그래서 상용프로그램(DVCS/Distributed Version Control System - 분산 버전 관리 시스템) 인 BitKeeper를 사용하게 됩니다.

그런데, 잘 사용하고 있던 BitKeeper가 갑자기 유료화가 된다고 하니 리눅스 토발즈는 또하나의 엄청난 걸 만들어냅니다.

그게 바로 지금 너무나 많이 사용하고있는 형상관리 툴인 Git 입니다.

BitKeeper를 기반으로 기능을 추가해서 Git을 만들게 되었습니다.

리눅스에서 만들었으니 GPL에 따라 누구나 다 사용할 수 있게 되었습니다.

다음은 GitHub에 대해 알아보겠습니다.

[ Linux ] 파일, 폴더, 링크 권한(Permission)/777/755

Josh — Thu, 18 Nov 2021 20:52:23 +0900

* 초보 신입 개발자입니다. 공부하고 검색해서 작성한 글입니다. 잘못된 부분이 있으면 댓글 부탁드립니다. 감사합니다.

안녕하세요. 이번 글에서는 Red Hat Linux 서버에서 파일 읽기, 쓰기 권한에 대해 알아보겠습니다.

FileZilla로 리눅스 서버를 연결해 해당 디렉토리를 확인해봤습니다.

위와 같이 파일명 , 크기 , 파일 유형 , 최종 수정 , 권한 , 소유자/그룹으로 분류됩니다.

그럼 저 권한이란 무엇일까요?

말 그대로 폴더를 읽고 쓰고 수정하고 삭제할 수 있는 권한을 의미합니다.

권한에서도 drwx------와 drwxr-xr-x 등은 퍼미션(Permission)에 관한 내용을 볼 수 있게 표기해 놓은 것입니다.

drwxr-xr-x를 예시로 들어 설명해보겠습니다.

먼저 drwxr-xr-x의 맨 앞에 있는d는 directory라는 의미입니다.

맨 앞이 - 로 표기되어 있다면 파일을 뜻하며, ㅣ 은 symbolic link를 뜻합니다.

두 번째 글자부터 권한에 대한 정보를 나타냅니다.

r 은 읽기(read), w는 쓰기(write), x는 실행(execute), - 는 해당 권한 없음을 의미합니다.

r 읽기 - d(directory)의 경우 파일을 볼 수 있는 권한, -(파일)의 경우 파일을 볼 수 있는 권한

w 쓰기 - d(directory)의 경우 파일을 추가/수정/삭제할 수 있는 권한, - (파일)의 경우 내용을 바꿀 수 있는 권한

x 실행 - d(directory)의 경우 directory 간의 이동/수정/삭제 등의 권한, - (파일)의 경우 프로그램을 실행할 수 있는 권한

그래서 drwx의 경우 디렉토리의 읽기, 쓰기, 실행 권한 이 있음을 의미합니다.

그런데 맨 앞의 d 뒤에 rwx/rwx/rwx 가 이렇게나 붙습니다.

첫 번째 rwx는 소유자에 대한 퍼미션, 두 번째 rwx는 소유 그룹에 대한 퍼미션, 세 번째 rwx는 그 외 모든 사용자에 대한 퍼미션입니다.

이 퍼미션을 숫자로 표현하는데 각 문자를 2진법으로 표현합니다.

각 퍼미션 기호를 숫자로 변환하면

r = 4 / w = 2 / x = 1 / - = 0

로 표현됩니다.

예시로 drwxr-xr-x를 보면, 디렉토리의 소유자의 경우 rwx 권한이 있으며 rwx는 4 2 1, 이 숫자를 합하면 4+2+1 = 7 이 됩니다. 그리고 소유 그룹은 r-x 권한이 있으며 r-x는 4 0 1, 이 숫자를 합하면 4 + 0 + 1 = 5 가 됩니다. 마지막으로 그 외 모든 사용자도 r-x로 소유 그룹과 동일한 5가 됩니다.

그래서 권한, 퍼미션을 이해하기 쉽게 2진법으로 777, 755라고 말합니다.

다음 글에서는 권한을 변경하는 방법에 대해 알아보겠습니다.

감사합니다.

[ MAC ] Spring Tool Suite 3(STS) 프로젝트 생성시 CoreException

Josh — Wed, 17 Nov 2021 11:00:35 +0900

Spring Tool Suite 3(STS)를 이용해 Spring 프로젝트를 생성했는데 pom.xml에서 Errors가 발생했습니다.

Eclipse하단 Problems를 확인해보니 Errors의 맨 위에 CoreException으로

CoreException: Could not calculate build plan : Plugin org.apache.maven.plugins: maven-compiler-plugin:2.5.1 or one of its dependencies could not be resolved: Failed to read artifact descriptor for org.apache.maven.plugins:maven-compiler-plugin:jar:2.5.1:

ArtifactResolutionException: org.apache.maven.plugins:

maven-compiler-plugin:pom:2.5.1 failed to transfer from https://repo.maven.apache.org/maven2

during a previous attempt. This failure was cached in the local repository and resolution is not

reattempted until the update interval of central has elapsed or updates are forced. Original error:

Could not transfer artifact org.apache.maven.plugins:maven-compiler-plugin:pom:2.5.1 from/to central

(https://repo.maven.apache.org/maven2): repo.maven.apache.org pom.xml /board line 137
Maven Project Build Lifecycle Mapping Problem

이렇게 긴 설명이 되어있습니다.

pom.xml 137번째 줄에 문제가 있고 maven jar 파일이 import 되지 않아 생기는 오류로 확인되었습니다.

그래서 pom.xml 137번 줄을 확인해보니

이렇게 빨간 줄이 나와있었습니다. 자 이제 해결을 해보도록 하겠습니다.

1. 먼저 project maven update를 해줍니다. 프로젝트 우클릭 > Maven > Update Project... 를 클릭합니다.

Mac의 경우 option + fn + F5 단축키를 사용할 수 있습니다.

2. Force Update of Snapshots/Releases 선택 후 OK를 눌러줍니다.

3. 우측 하단 maven update, validating이 진행되며 완료 후 해당 Error가 해결된 걸 확인할 수 있습니다.

이상입니다.

감사합니다.

[ Linux ] telnet 설치

Josh — Tue, 16 Nov 2021 18:14:17 +0900

* 초보 신입 개발자입니다. 공부하고 검색해서 작성한 글입니다. 잘못된 부분이 있으면 댓글 부탁드립니다. 감사합니다.

이전 리눅스와 윈도우 연결 확인을 위한 smbclient 설치 후 telnet도 설치를 요청받아 진행하였습니다.

smbclient설치 및 사용방법은 하단 글을 참고해주세요.

https://joshwon.tistory.com/29

[ Linux ] smb-client 설치 및 사용법

4개월 차 신입 개발자로 혼자 서울로 한 달간 파견을 나와 이관 및 배포 작업을 하고 있습니다. 하지만, 역시나 환경이 다르다 보니 여기저기서 문제가 생기고 있습니다. 그중에 하나가 리눅스와

joshwon.tistory.com

그럼 리눅스에서 Telnet을 설치하는 방법을 알아보겠습니다. ( 현재 사용 중인 리눅스는 redhat입니다. )

1. 먼저 Linux 터미널에서 rpm명령어를 통해 telnet 설치 가능 여부를 확인합니다.

rpm -qa telnet* : redhat DB에 telnet으로 시작하는 모든 패키지를 검색하라는 명령어 입니다.

rpm : RedHat Package Manager의 약자입니다.

-q : question 질문 옵션

-a : all 모두

먼저 rpm –qa telnet* 를 명령어로 입력합니다.

그런데 저는 아무것도 나오지 않아 다른 명령어인 rpm –qa | grep telnet* 을 입력했습니다.

grep : 문자열 찾기

그래도 아무것도 나오지 않았습니다.

그래서 그냥 yum list telnet* 명령어로 telnet 설치 패키지가 있는지 확인하겠습니다.

yum : Yellowdog Updater Modified의 약자로 rpm 기반 시스템을 위한 자동 업데이트, 패키지 설치, 수정 도구입니다.

lisit : 목록

이제 목록이 출력되었습니다.

telnet과 telnet-server 가 있습니다. ( 그런데 왜 rpm –qa telnet*명령어에선 아무것도 나오지 않았을까요? )

2. 이제 설치를 해보겠습니다. 명령어 yum -y install telnet-server를 입력합니다.

전 목록 중 telnet-server만 설치 진행했습니다.

만약 목록에 여러 개의 server가 뜨거나 한다면 뒤에 있는. x86_64도 입력해줘야 합니다.

-y : yes!!

install : 설치

설치가 진행 중입니다.

설치가 완료되었습니다!

3. 다음은 telnet 사용을 위해 telnet을 입력합니다.

그런데 command not found... 메시지가 출력됩니다. 왜 이러는 걸까요

netstat -ant 명령어를 입력해 네트워크 연결 및 포트 상태를 확인합니다.

netstat : 네트워크 연결 및 포트 출력

-a : all 모두

-n : IP주소 출력

-t : tcp만 출력

( IP는 블러 처리했습니다. )

4. tcp 목록을 확인해보니 telnet port인 23번이 없었습니다. 연결이 없다는 뜻이므로 telnet을 확인해봅니다.

systemctl status telnet.socket명령어를 입력합니다.

systemctl : system 기반으로 서비스를 시작/종료

status : 상태

상태를 확인했더니 disabled과 inactive(dead)가 보입니다.

5. 활성화를 시켜줍니다.

disabled를 enabled로, inactive(dead)를 active로 변경합니다.

systemctl start telnet.socket 명령어와 systemctl enable telnet.socket 명령어를 입력합니다.

systemctl start telnet.socket : telnet 활성화

systemctl enable telnet.socket : telnet 사용 가능

명령어를 두 개 사용할 땐 하나의 명령어가 끝나고 | 를 입력 후 다음 명령어를 입력합니다.

| 는 Shift + \입니다.

systemctl start telnet.socket | systemctl enable telnet.socket 명령어를 입력합니다.

6. 다시 systemctl status telnet.socket명령어를 입력해 상태를 확인합니다.

active와 enabled를 확인할 수 있습니다.

7. netstat -ant 명령어를 입력해 port 23을 확인합니다.

성공적으로 telnet을 설치하였습니다.

이제 window10 PC에서 Linux 서버로 tcping 혹은 ping을 보내 연결여부를 확인합니다.

window10에서 telnet과 ping 사용 방법은 하단 글을 확인해주세요.

https://joshwon.tistory.com/28

[ Windows]CMD 에서 telnet 과 ping 사용하기

개발을 하다 보면 telnet과 ping을 많이 사용하게 됩니다. telnet은 해당 ip와 포트에 연결이 되는지 확인해 볼 수 있고, ping 은 다른 호스트와의 ip데이터그램의 송수신을 테스트할 수 있는 프로그램

joshwon.tistory.com

제가 참고한 블로그입니다. 많은 도움이 되었습니다.

https://splendidkyu.tistory.com/3

감사합니다.

[ Linux ] smb-client 설치 및 사용법

Josh — Mon, 15 Nov 2021 10:59:36 +0900

4개월 차 신입 개발자로 혼자 서울로 한 달간 파견을 나와 이관 및 배포 작업을 하고 있습니다.

하지만, 역시나 환경이 다르다 보니 여기저기서 문제가 생기고 있습니다.

그중에 하나가 리눅스와 윈도우 파일서버 연결이었습니다.

테스트를 마치고 올라왔는데 왜 이런 상황이 일어나는지 알아보기 위해 Smb-client 설치가 필요했습니다.

파일서버는 OS에 따라 Windows File Server, Unix File Server, Linux File Server 가 있으며, 일반적으로 폴더 생성 후

공유 옵션을 통해 해당 폴더를 공유하고 다른 컴퓨터에서 네트워크 드라이브로 연결하는 것입니다.

윈도우 - 윈도우 : CIFS

리눅스 - 윈도우 : SMB(Samba 사용)

리눅스 - 리눅스 : NFS

를 사용합니다.

그럼 제가 해야 할 SMB란 무엇일까요?

SMB( 서버 메시지 블록, Server Message Block )는 윈도우 시스템이 다른 시스템의 디스크나 프린터와 같은 자원을 공유할 수 있도록 마이크로소프트와 인텐에서 개발한 프로토콜입니다.

삼바의 핵심이 되는 프로토콜입니다.

그럼 설치를 진행해보겠습니다.

1.smbclient를 입력하여 smb-client 가 설치되어있는지 확인합니다.

command not found...라는 메시지가 나왔습니다. 설치를 해야겠습니다.

2. yum install samba-client을 입력하여 설치를 진행합니다.

3. 설치 완료 후 y를 입력합니다.

4. installed, Dependency Updated 내용을 확인할 수 있습니다.

5. smbclient-V로 어떤 버전이 설치되었는지 확인합니다.

4.10.16 version이 설치되어있네요.

그럼, 이제 사용법을 알아보겠습니다.

1. 명령어로 smbclient -L 연결하는 IP주소를 입력합니다. 연결하는 IP주소가 10.0.0.1이라면 smbclient -L 10.0.0.1을 입력합니다.

2. Enter 000 password : 는 윈도우에서 생성한 사용자 password를 입력합니다. 만약 공유 폴더 생성 시 암호 보호 공유 끄기로 선택이 되어있다면 password 입력 없이 엔터를 칩니다.

3. 연결이 된다면, 폴더들이 확인되고 연결이 안 된다면 아래와 같이 나옵니다.

session setup failed : NT_STATUS_ACCESS_DENIED

바로 연결이 됐으면 했는데 또 문제를 해결하러 가봐야겠습니다.

쉽지 않네요. 하

감사합니다.

[ Windows ]CMD 에서 telnet 과 ping 사용하기

Josh — Thu, 11 Nov 2021 08:40:19 +0900

개발을 하다 보면 telnet과 ping을 많이 사용하게 됩니다.

telnet은 해당 ip와 포트에 연결이 되는지 확인해 볼 수 있고, ping 은 다른 호스트와의 ip데이터그램의 송수신을 테스트할 수 있는 프로그램입니다. 인터넷 작동유 무도 확인 가능합니다.

먼저 tetlnet을 사용하기 위해선 windows 제어판에서 설정이 필요합니다.

하단 글을 참고하셔서 진행해주세요.

https://joshwon.tistory.com/27

[ Windows ] Windows10 에서 telnet 사용하기

개발을 하다보면 cmd 를 이용해 telnet을 사용하는 경우가 많습니다. telnet이란 무엇이고 어떻게 사용하는지 알아보겠습니다. 1. telnet이란? - 인터넷을 통해 목적지의 호스트 컴퓨터에 접속 시 지원

joshwon.tistory.com

telnet 설정이 완료되셨다면 cmd를 열고 진행해보겠습니다.

1. window키 + R을 눌러 실행 화면을 켜고 cmd를 검색 > 확인을 클릭합니다.

(하단 작업 표시줄에 검색에서 cmd를 타이핑해서 여셔도 됩니다.)

2. 먼저 telnet이 설정되어있는지 확인해보겠습니다. cmd에서 telnet을 입력해주세요.

그럼 아래와 같은 화면이 나오면 telnet 설정이 잘 되어있는 겁니다.

3. telnet 연결 테스트 IP PORT를 입력해줍니다. 예를 들어 연결 테스트 IP가 10.0.0.1이고 PORT 가 1001이라면

telnet 10.0.0.1 1001을 입력하고 엔터를 칩니다.

(위에서 바로 입력이 될 줄 알았는데 안되네요. cmd창을 새로 켜시고 진행해보시길 바랍니다.)

위 이미지처럼 잘못된 IP 및 포트를 입력하면 "호스트에 연결할 수 없습니다. 포트 포트번호: 연결하지 못했습니다."

라는 메시지가 나옵니다.

그럼 잘 입력하고 연결도 성공한다면 아래와 같은 화면이 나옵니다.

cmd 상단 바 Telnet 옆에 해당 IP가 나오고 연결된 화면이 나옵니다. 위 이미지는 MariaDB에 연결 테스트를 한 결과입니다.

이렇게 연결 유무를 확인할 수 있습니다.

다음은 cmd에서 ping 사용입니다.

telnet처럼 제어판 설정 없이 바로 사용 가능합니다.

1. cmd에서 ping 연결 테스트 IP를 입력합니다. 예를 들어 연결 테스트 IP가 10.0.0.1이라면 ping 10.0.0.1을 입력하고 엔터를 칩니다.

위 이미지처럼 응답 바이트 및 패킷의 보냄, 받음, 손실로 연결 유무를 확인할 수 있습니다.

감사합니다.

[ Windows ] Windows10 에서 telnet 사용하기

Josh — Wed, 10 Nov 2021 23:08:45 +0900

개발을 하다보면 cmd 를 이용해 telnet을 사용하는 경우가 많습니다.

telnet이란 무엇이고 어떻게 사용하는지 알아보겠습니다.

1. telnet이란?

- 인터넷을 통해 목적지의 호스트 컴퓨터에 접속 시 지원되는 TCP/IP 기반의 표준 프로토콜로 원격 터미널 접속 서비스 입니다.

- ip 와 포트를 입력하면 연결 여부를 확인할 수 있습니다.

- Windows의 검색에서 원격 데스크톱 연결을 해보신 경험이 있으시다면, 이런 연결중 하나가 telnet입니다.

cmd에서 telnet을 실행하면 처음엔 사용이 불가능합니다.

Windows에서 보안상 이유로 차단을 해두기 때문입니다.

telnet 사용시 가장 먼저 해야할 일은 제어판에서 telnet을 활성화 시켜줘야합니다.

아래 내용대로 순서대로 따라해주시길 바랍니다.

1. 제어판 > 프로그램을 선택 합니다.

2. 프로그램 및 기능에서 Windows 기능 켜기/끄기를 클릭합니다.

3. 텔넷 클라이언트 체크박스를 체크 후 확인을 눌러주세요.

4. 변경내용 적용 후 확인을 합니다.. 이제 cmd에서 telnet을 치면 아래와같이 나옵니다.

사용법은 하단 글을 참고해주세요.

https://joshwon.tistory.com/28

[ Windows]CMD 에서 telnet 과 ping 사용하기

joshwon.tistory.com

감사합니다.

[ MAC ] brew로 DBeaver 설치 후 MariaDB 연결하기

Josh — Sun, 31 Oct 2021 15:34:23 +0900

회사에서 사용하는 노트북은 windows 고 집에서 사용하는 노트북은 macbook air라 다른 OS를 사용 중에 있습니다.
DBeaver를 집에서도 사용하기 위해 brew를 이용해 설치해보고자 합니다.

mac에 brew 가 설치 되어있다는 가정하에 진행해보겠습니다.

1. terminal.app 을 실행시켜 brew를 검색합니다. 아래와 같은 화면이 나온다면 설치가 되어있는 겁니다.

2. 오랜만에 brew를 실행해서 version을 확인해봤습니다. 너무 오래되어서 업데이트를 해야겠습니다.
(진행하다 보니 자동 업데이트되네요! 자동 업데이트가 안되시는 분들만 하시면 될 것 같습니다 : ) )
버전 확인은
brew --version
업데이트는
brew update
로 가능합니다.
너무 오랜만에 업데이트를 해서 그런지 시간이 좀 걸렸습니다. 저와 같은 상황이라면 차분히 기다려주세요.

업데이트 완료 후 버전을 체크해보니 Homebrew 3.3.2가 되어있습니다.

2. 이제 DBeaver를 설치해보겠습니다. terminal에서 brew search DBeaver를 검색해봅니다.

Casks로 dbeaver-community 가 있습니다.

3. brew install DBeaver-community를 입력해 설치합니다.

설치가 완료되었습니다! ( 보니까 homebrew 도 자동으로 업데이트되네요. 수동으로 할 필요가 없었어요.)

4. Applications > DBeaver.app을 실행시킵니다.

5. Docker로 설치해두었던 MariaDB를 연결해보겠습니다. 처음 실행할 경우 아래와 같이 Select your database 화면이 나옵니다.
MariaDB를 선택하고 next를 누릅니다.

6. ServerHost에 MariaDB가 설치되어있는 IP를 입력하고 Username과 Password를 입력합니다.

입력 후 좌측 하단 Test Connection을 눌러 연결이 되는지 확인합니다.
연결 성공 후 OK를 누르면 해당 DB가 추가됩니다.

이상입니다. 감사합니다.

[MAC / IntelliJ] mac에서 IntelliJ 설치

Josh — Sun, 10 Oct 2021 16:47:20 +0900

회사 프로젝트 진행 중 예약시간에 맞춰 pythonAPI를 호출해 작업을 진행해야 했습니다.

검색 중 Spring Batch를 알게 되었고 IntelliJ를 통해 스프링 프로젝트 생성 후 Spring Batch를 사용하는 방법이 있길래

IntelliJ 도 사용해보고자 이번엔 MacBook Air로 MAC OS 상 IntelliJ 설치를 진행해보겠습니다.

1. IntelliJ사이트에 접속합니다.

https://www.jetbrains.com/idea/

IntelliJ IDEA: The Capable & Ergonomic Java IDE by JetBrains

A Capable and Ergonomic Java IDE for Enterprise Java, Scala, Kotlin and much more...

www.jetbrains.com

2. Download를 클릭합니다.

메인 페이지에 IntelliJ IDEA에 대한 간단한 설명과 다운로드할 수 있는 버튼이 있습니다. 다운로드를 클릭합니다.

3. macOS의 Ultimate / Community 중 하나를 다운로드합니다.

- IntelliJ IDEA가 Intel과 애플 실리콘 모두 사용 가능하다는 안내가 있네요. 그런데 Ultimate는 30일만 무료입니다. 다만 하단에 사용 가능 기능들이 명시되어있는데 Spring은 Ultinate만 가능해서 일단 저는 이거로 다운로드하겠습니다.

4. 피드백을 달라는 페이지가 나옵니다.

- 선택사항인 것 같습니다. 다운로드가 잘 진행 중이네요.

5. 다운로드 완료 후 파일을 클릭해 실행합니다.

- 파일 실행 후 드레그 해줍니다.

6. Application 폴더에 가서 IntelliJ IDEA를 실행합니다.

- 실행하면 아래와 같은 알림이 나옵니다. 인터넷에서 받은 건데 실행할 것인지 물어보는 건데 당연히 실행하도록 하겠습니다.

7. 실행 후 약관 동의 화면입니다. checkbox 클릭 후 Continue 해줍니다.

8. JetBrains의 성능 향상을 위해 데이터를 공유를 할지 선택합니다.

- 성능 향상이 되면 너무 좋겠지만 저는 일단 Don't send로 진행했습니다.

9. 평가판 30일로 진행합니다.

- checkbox 선택과 email을 입력 후 Evaluate 했습니다.

10. 남은 날짜를 바로 알려줍니다.

- Continue를 눌러주세요.

위와 같이 진행하셨다면 mac에 IntelliJ IDEA설치가 완료되었습니다.

다음은 Spring Initializr를 이용해 프로젝트를 생성해보겠습니다.

감사합니다.

[Spanish] People #1

Josh — Fri, 8 Oct 2021 12:15:03 +0900

1. ¿Tú estudias español?

- Do you study Spanish?

2. Marco, estudias francés?

- Marco, do you study French?

3. Yo estudio inglés y español.

- I study english and Spanish.

4. ¿Tú quieres hablar español?

- do you want to speak Spanish?

5. No, él no habla inglés.

- No, he does not speak English.

6. ¿Quieres estudiar inglés?

- Do you want to study English?

7. ¿Dónde estudia Pedro?

- Where does Pedro study?

8. Yo estudio inglés con mi esposo en la

- I study English with my husband at the university.

9. A: ¿Y tú hablas español?

B: No muy bien. Necesito estudiar más.

10. David does not study French.

- Davids no estudia francés.

[Spanish] Schedule #4

Josh — Thu, 7 Oct 2021 13:01:06 +0900

1. ¿Es divertida la fiesta?

- The party is fun?

2. No es una semana interesante.

- It is not an interesting week.

3. ¡Es el fin de semana!

- It is the weekend.

4. ¿Cuándo estás ocupada, Sofía?

- When are you busy, Sofia?

5. Cuándo es tu partido de fútbol?

- When is your soccer game?

6. ¡Hoy es mi cumpleaños y estoy muy feliz!

- today is my birthday, and I am very happy!

7. Es tu película favorita?
- Is it your favorite movie?

8. Disfruta el viernes.

- Enjoy your Friday!

9. Qué día es tu fiesta de cumpleaños.

- What day is your birthday party?

[Spanish] Schedule #3

Josh — Wed, 6 Oct 2021 21:05:53 +0900

1. El baile es hoy.

- The dance is today.

2. ¿Qué dia es el baile?

- ¡El sábado!

3. Es mi bolígrafo favorito.

- It's my favorite pen.

4. Es mi maleta favorita.

- It is my favorite suitcase.

5. No es una semana interesante.

- It is not an interesting week.

6. ¡Es el fin de semana!

- It is the weekend.

7. Es mi semana favorita.

- It is my favorite week.

8.¡Disfruta el viernes!

- Enjoy your Friday

9. A: La fiesta es el fin de semana.

B: ¿Qué día? ¿El sábado o el domingo?

10. ¡Disfruta el partido de fútbol, Claudia! ¡Hasta mañana!

- Enjoy the soccer game, Claudia! See you tomorrow!

11. Una película interesante.

- An interesting movie.

12. ¡Disftuta el fin de semana!

- Enjoy the weekend!

13. ¿Es tu película favorita?

- Is it your favorite movie?

[VS Code]Visual Studio Code에 폴더 2개 이상 여는 방법

Josh — Wed, 6 Oct 2021 09:12:11 +0900

VS Code로 java코드를 수정하고, 메모장처럼 수정 내용을 정리하다 보니 계속 2개의 폴더를 왔다 갔다 해야 하는 불편함이 있었습니다.

그런데 역시나 2개 이상의 폴더를 하나의 워크스페이스에 열어두는 방법이 있었습니다.

1. vs code 를 실행하면 볼 수 있는 화면입니다. Open Folder를 클릭합니다.

2. 원하는 폴더를 선택하고 add를 클릭합니다. 저는 Project_A라는 폴더를 추가했습니다.

3. UNTITLED (WORKSPACE) 에 폴더가 추가된 것을 확인할 수 있습니다.

4. WORKSPACE 에서 우클릭 후 Add Folder to Workspace... (작업 영역에 폴더 추가)를 클릭하고 원하는 폴더를 선택합니다.

5. Poject_A폴더와 새로 추가한 log폴더를 하나의 workspace에서 관리할 수 있습니다.

이상입니다.

[Spanish] Schedule #2

Josh — Tue, 5 Oct 2021 11:54:54 +0900

1.Hoy es sábado.

- Today is Saturday.

2. Mañana es domingo.

- Tomorrow is Sunday.

3. ¿Cuándo es tu cumpleaños?

- When is your birthday?

4. Cuándo es tu fiesta?

- when is your party?

5. Juan, el concienrto es mañana.

- Juan, the concert is tomorrow.

6. ¿El fútbol es divertido?

- soccer is fun?

7. ¿Es divertida la fiesta?

- Is the party fun?

8. ¿Tu cumpleaños es el sábado?

- Is your birthday on Saturday?

9. Yo estoy con mi esposo en una fiesta muy divertida.

- I am with my husband at a really fun party!

[windows / Spanish] 스페인어 자판 설정 및 입력 방법

Josh — Mon, 4 Oct 2021 22:02:30 +0900

Hola!

정보처리기사 실기 시험이 얼마 남지 않아서 그런지 공부 외에 다른 것들이 왜 이렇게 재밌을까요.

그래서 이번엔 windows 에서 스페인어 자판을 설정하고 입력하는 방법에 대해 알아보겠습니다.

1. 좌측 하단 윈도우 로고를 클릭 후 설정을 누릅니다.

2. 시간 및 언어를 클릭합니다.

3. 왼쪽 메뉴 중 언어를 클릭합니다.

4. 기본 설정 언어에서 + 언어 추가를 클릭 합니다.

5. 언어 검색에 Espanol을 입력하고 원하는 언어를 선택 후 다음을 눌러줍니다. 저는 Espanol(Espana) 스페인어(스페인)를 선택했습니다.

6. 선택적 언어 기능 옵션을 선택해줍니다. 저는 변경 없이 설치 진행했습니다.

7. 기본 설정 언어에 스페인어가 설치되는 것을 확인할 수 있습니다.

8. 설치 완료 후 우측 하단 한 을 클릭하면 스페인어가 설치되어있는 것을 확인할 수 있습니다. 스페인어 입력하려면 스페인어를 클릭하거나 shift + alt 단축키를 사용해 언어 변경을 할 수 있습니다.

9. 스페인어 입력 방법

- 거꾸로 된 물음표 ¿

Shift + =

- 일반 물음표 ?

Shift + -

- 거꾸로 된 느낌표 ¡

- 일반 느낌표 !

Shift + 1

- n위에 물결 ñ

; (세미콜론으로 입력) / 이건 mac과 동일합니다.

- 강세 표시 é, á, í 등

'(어퍼스트로피 - enter 왼쪽에 있는 것) 누른 후 해당 알파벳을 입력해줍니다. ' + a e i o u

- 강세 없이 '(어퍼스트로피) 사용할 경우 ' 입력 후 스페이스바를 눌러주세요.

이상입니다.

Gracias!

Powershell 과 cmd

Josh — Mon, 4 Oct 2021 15:51:00 +0900

Docker를 이용해 다양한 데이터베이스를 생성하다 보니 Powershell이나 cmd를 사용하는 일이 많아졌습니다.

사실 처음엔 cmd로 하는 거라곤 ipconfig였는데 지금도 잘 못하긴 합니다.

그러다 windows의 Powershell을 알게 되었고 그냥 cmd의 기능을 가지고 있는 조금 더 좋아진 UI를 가지고 있는 아이라고만 생각했는데 아직도 잘 모르겠습니다.

그래서 검색을 해봤는데

cmd이후 powershell이 등장했고 꾸준한 업데이트로 더 많은 기능을 제공한다고 합니다.
powershell에서 get-help를 치면 다양한 명령어 개수를 확인할 수 있습니다.

또한 powershell은 확장 가능한 명령 줄 인터페이스(CLI) 셸 및 스크립트 언어를 특징으로 하는 명령어 인터프리터입니다. 그렇기 때문에 윈도우의 GUI(Graphic User Interface)상에서 할 수 있는 모든 행위 및 동작을 명령어로 수행 가능합니다. powershell에서 docker를 실행시킬 수 있는 이유도 이것 때문입니다.

get-help를 처음 쳐보니 도움말을 보려면 온라인으로 접근하거나, 관리자 권한으로 실행 후 다운로드 설치가 필요하다고 합니다. 어차피 powershell에서 도움말을 확인할 테니 다운로드하겠습니다.

powershell을 관리자 권한으로 실행 한 다음 Update-Help를 입력하니까 아래와 같이 도움말을 업데이트하는 중이라고 나옵니다.

그런데

오류가 난 것 같지만 다른 건 다운로드 및 설치가 되었지만 한글로 된 파일이 없는 것은 update 하지 못했다는 경고문입니다. 계속 사용하면 됩니다.

그럼 cmd는?
명령 프롬프트라고도 불리며 Commend의 약자입니다.
cmd도 명령어 인터프리터이지만 cmd에서 help를 치면 powershell보다 적은 명령어 개수를 확인할 수 있습니다.

별도 다운로드나 온라인 접근을 하지 않아도 바로 명령어를 확인할 수 있습니다.

어떤 걸 사용해도 지금 지식으론 상관없겠지만 명령어를 입력해서 컴퓨터 조작이 익숙해지려면 powershell을 사용해야겠습니다.

이상입니다.

[Spanish] Schedule #1

Josh — Mon, 4 Oct 2021 13:02:49 +0900

1. Estoy feliz hoy.
- I am happy today.

2. ¿Cuándo estás ocupada, Sofía?
- When are you busy, Sofia?

3. ¿Cuándo es el examen?
- When is the exam?

4. Lunes, martes.
- Monday, Tuesday

5. Mañana no es martes.
- Tomorrow is not Tuesday.

6. today es Martes.
- Today is Tuesday.

7. Juan, el partido de fútbol es hoy.
- Juan, the soccer game is today.

8. ¡Hoy es el partido de fútbol en la esuela!
- Today is the soccer game at school.

9. Mi clase de inglés es el lunes.
- My English class is on Monday.

10. Q: Disculpe, señor. ¿Cuándo está cerrado el banco?
A: Mañana.

[MAC / Spanish] 스페인어 자판 설정 및 입력 방법

Josh — Sun, 3 Oct 2021 14:46:55 +0900

Hola!

mac으로 스페인어를 입력하기 위해선 몇 가지 설정이 필요합니다.

1. 시스템 환경 설정에 들어갑니다.

2. 키보드 / Keyboard 를 선택합니다.

3. 입력소스 / Input Sources를 선택합니다.

4. 왼쪽 하단에 + 버튼을 클릭합니다.

5. spanish / 스페인어를 검색하고 추가 / Add를 클릭합니다.. 저는 두 번째에 있는 Spanish를 선택했습니다. 하단에 키보드 예시도 확인할 수 있습니다.

6. mac 우측 상단에서 언어를 설정합니다. Spanish를 선택하면 스페인 국기가 뜨네요.

7. 스페인어 입력 방법

- 거꾸로 된 물음표 ¿

Shift + <

- 일반 물음표 ?

Shift + >

- 거꾸로 된 느낌표 ¡

Shift + 1

- 일반 느낌표 !

Shift + 2

- n위에 물결 ñ

; (세미콜론으로 입력)

- 강세 표시 é, á, í 등

해당 자판을 2~3초 누르고 있으면 아래와 같이 원하는 강세 표시의 번호를 눌러 입력할 수 있습니다.

이상입니다.

Gracias!

[Spanish] Travel2 #2

Josh — Sun, 3 Oct 2021 11:52:36 +0900

1. El niño usa la computadora.

- The boy is using the computer.

2. señor, ¿usted usa el teléfono?

- Sir, are you using the telephone?

3. Juan, ¿necesitas usat el carro?

- Juan, do you need to use the car?

4. Él tiene el boleto y el pasaporte

- He has the ticket and the passport.

5. Él no necesita más agua.

- He dose not need more water.

6. Sí, yo tengo el boleto.

- yes, I have the ticket.

7. Él tiene el pasaporte.

- He ahs the passport.

8. El niño no necesita un carro.

- The boy does not need a car.

9. Yo tengo una maleta muy grande y necesito ayuda. ¡Estoy my cansado!

- I have a very big suitcase, and I need help. I am very tired!

10. El señor Pérez no tiene el boleto.

- Mr.Pérez dose not have the ticket.

11. ¿Usted quiere comprar más pan_ Es muy barato.

- Do you want to buy more bread? It is very cheap.

[Spanish] Travel 2 #1

Josh — Sat, 2 Oct 2021 18:12:41 +0900

Senor, usted usa el telefono?

- Sir, are you using the telephone?

Yo no uso el carro

- I don't use the car

Usas el carro, Juan?

- Do you use the car Juan?

Juan, necesitas usar el carro?

- Juan, do need to use the car?

Necesito usar la computadora en el aeropuerto.

- I need to use the computer at the airport.

Tu usas el carra?

- Do you use the car?

Tu usas el telefono?

- Are you using the telephone?

Usted usa el telefono?

- Are you using the telephone?

Necesitas usar el boligrafo azul o el boligrafo rojo?

- Do you need to use the blue pen or the red pen?

El nino usa la computadora.

- The boy is using the computer.

La nina no usa un boligrafo.

- The girl is not using a pen.

Senor, usted usa el telefono?

- Sir, are you using the telephone?

[JQuery] 라디오 버튼 선택에 따른 input 처리

Josh — Fri, 1 Oct 2021 23:53:52 +0900

라디오 버튼 선택에 따른 input 처리

jsp를 다루다 보면 라디오 버튼에 따라 input을 보이게 하거나 가려지게 하는 화면이 필요합니다.

주로 insert 나 update 를 하는 화면에 필요한데 아래 예시에 따라 진행해보시기 바랍니다.

                        <li>
                        // 시작 유형이라는 라벨을 생성
                            <label for="start_type" class="li_th">시작 유형</label>
                            <span class="li_td layer_radio_wrap">                        
                        
                        // start_type_radio를 class 로 갖고 value 를 "right_away" 로 갖는 "바로시작" radio button 생성
                        		<label>
                                  <input class="start_type_radio" id="start_right_away" type="radio" value="right_away" name="start_type" checked="checked">
                                  <i class="helper"></i>
                                  <span>바로시작</span>
                               </label> 
                        // start_type_radio를 class 로 갖고 value 를 "later" 로 갖는 "예약시작" radio button 생성
                               <label>
                                  <input class="start_type_radio" id="start_later" type="radio" value="later" name="start_type">
                                  <i class="helper"></i>
                                  <span>예약시작</span>
                               </label>                        
                            </span>
                        </li>

먼저 vlaue 값을 'right_away'로 갖는 바로 시작 라디오 버튼과 'later'를 value 값으로 갖는 예약 시작 버튼을 생성했습니다.

                             <li id="task_date_setting" style="display:none">
                                <label for ="task_start_date" class="li_th">작업 시작일</label>
                                <span class="li_td">
                                    <input id ="task_start_date" type="date" name="taskStartDate" required="required"/>
                                </span>
                            </li> 

                        <li id="task_time_setting" style="display:none">
                            <label for ="task_start_time" class="li_th">작업 시작 시간</label>
                            <span class="li_td">
                                <input id ="task_start_time" type="time" name="taskStartTime" required="required"/>
                            </span>
                        </li>

type을 "date"와 "time"으로 갖는 input을 생성하고 처음 화면에선 가려두기 위해 style="display:none"을 사용합니다.


// 예약시작 라디오 버튼 클릭시 작업 시작일, 작업 시작 시간 보이게 하기

    $(document).ready(function(){
    			// type 이 radio 이고 class 가 start_type_radio 인 input 을 click 했을 경우
                $('input[type="radio"][class="start_type_radio"]').on('click',function(){
					
                    // startSetting 에 checked된 radio button의 value 값을 넣는다.
                    var startSetting = $('input[type=radio][class="start_type_radio"]:checked').val();
                   
                   // startSetting이 later인 경우 style display를 flex로 변경한다. 
                   if(startSetting == 'later'){
                        $('#task_date_setting').css('display','flex');
                        $('#task_time_setting').css('display','flex');
                   
                   // 그외의 경우 style display를 none 으로 변경한다.
                    }else{
                        $('#task_date_setting').css('display','none');
                        $('#task_time_setting').css('display','none');
                    }
                });
            });

3. 라디오 버튼 클릭 시 value 값이 var startSetting에 저장되며, 저장 값에 따라 display를 변경하여 input을 보여주거나 가려줄 수 있습니다.

4. 결과

See the Pen by Josh Won (@jeonghoonwon) on CodePen.

이상입니다.

Converting circular structure to JSON 오류 해결하기

Josh — Thu, 23 Sep 2021 13:33:54 +0900

이벤트 처리 중 console.log를 통해 Object를 확인해보려고 하니 아래와 같은 오류가 나왔습니다.

원형 구조를 JSON 형태로 변환해서 생기는 문제입니다.

Object 를 확인하면서 오류를 해결할 방법은 for문을 돌려보는 것입니다.

오류가 나는 ev를 for 문으로 돌리고 log를 찍어보니 아래와 같이 값을 확인할 수 있었습니다.

이상 Converting circular structure to JSON 해결이었습니다.

Docker 설치 및 PostgreSQL설치 DBeaver 연결

Josh — Tue, 14 Sep 2021 10:36:45 +0900

지난번 Docker를 이용해 MSSQL 을 설치했었는데 이번엔 PostgreSQL을 진행해보겠습니다.

간단한 Docker 소개와 다운로드 방법, PostgreSQL 설치, Dbeaver 연결까지 해보겠습니다.

Docker는 리눅스 컨테이너 기술을 자동화 해 쉽게 사용할 수 있게 하는 오픈소스 프로젝트입니다.

1. Docker 다운로드

- 회사 노트북은 Window OS를 사용하고 있어서 window 용 Docker를 설치합니다.

- 하단 링크로 들어가 download for windows 를 클릭합니다.

https://www.docker.com/products/docker-desktop

Docker Desktop for Mac and Windows | Docker

Learn why Docker Desktop is the preferred choice for millions of developers building containerized applications. Download for Mac or Windows.

www.docker.com

2. Docker 설치

- 다운로드 완료 후 설치를 진행합니다.

WSL 2 에 필요한 컴포넌트들과 바탕화면 바로가기를 설정할지 선택 후 ok를 누릅니다.

설치 완료 후 재시작을 누르면 아래와 같이 화면이 나옵니다.

위와 같이 나오지않는다면 WSL 2를 설치해주어야 합니다.

3. powershell에서 docker version 확인

- docker -v를 입력하면 Docker version이 나옵니다. 저는 20.10.8 build 3967b7d 라고 나오네요.

이게 나오면 잘 설치가 된 겁니다.

- 열어둔 powershell 화면에서 아래 문구를 입력해줍니다.

docker run --name PostgreSQL -e POSTGRES_USER=josh -e POSTGRES_PASSWORD=java -d -p 5432:5432 postgres

-e POSTGRES_USER=josh는 내가 사용할 아이디이며,

-e POSTGRES_PASSWORD=java 내가 사용할 비밀번호가 됩니다. 원하는 비밀번호로 변경 가능합니다.

-d -p 5432:5432 postgres 5432는 postgres의 port 번호입니다.

- 설치가 완료되면 위와 같이 화면이 나오고 Docker에 PostgreSQL 이 Running 중인 것을 확인할 수 있습니다.

4. DBeaver에서 연결 테스트하기

- DBeaver는 다양한 데이터베이스를 관리할 수 있는 도구입니다. 연결 테스트를 진행해보겠습니다.

- 새 데이터베이스 연결을 누르고 PostgreSQL를 선택 후 다음을 누릅니다.

- Authentication에 Username과 Password를 입력하고 Test Connection을 누릅니다.

연결이 되면 아래와 같이 화면이 나옵니다.

다음엔 Docker를 활용한 mongoDB연결을 해보겠습니다.

감사합니다.

참고

https://shanepark.tistory.com/188

Docker로 MSSQL 설치 및 Dbeaver 연결

Josh — Sun, 12 Sep 2021 17:00:51 +0900

회사 프로젝트 중 웹을 이용해 데이터 베이스를 연결하고 데이터를 가져오는 작업을 진행중에있습니다.

요구사항중 MSSQL 연결이 있어서 먼저 Docker를 이용해 MSSQL 를 설치해보겠습니다.

1. MSSQL 이미지 다운로드

- cmd 를 사용해도 되지만 Windows PowerShell을 이용해 설치를 진행해보겠습니다.

- Windows PowerShell 실행 후 아래 문구를 입력합니다.

 docker pull mcr.microsoft.com/mssql/server:latest

- 다운로드가 잘 되었는지 확인하기위해 docker images 를 입력해봅니다.

microsoft.com/mssql/server 가 잘 들어가있습니다.

2. MSSQL 설치

- 다음은 MSSQL 설치를 해보겠습니다.

- 하단 문구를 입력합니다.

--name : sqlserver 는 docker에 표시될 db 이름이 됩니다.

-- 'SA_PASSWORD=Password1!' 에서 SA 는 username 이 되며 이 username 의 비밀번호는 Password1!로 설정한다는 뜻 입니다.

( user name 과 Password 를 제가 원하는대로해서 변경해 진행해보니 마지막에 연결이 안되네요. 일단 아래 문구 그래도 진행해주세요!!)

-p 는 MSSQL 의 port 번호입니다.

-d 는 위에서 설치한 MSSQL 이미지 입니다.

docker run -e 'ACCEPT_EULA=Y' -e 'SA_PASSWORD=Password1!' -e 'MSSQL_PID=Express' --name sqlserver -p 1433:1433 -d mcr.microsoft.com/mssql/server:latest

- 설치가 완료되면 아래와같은 화면이 나옵니다.

- docker에서도 확인해봅니다.

- sqlserver 라는 이름으로 설치된걸 볼 수 있습니다.

3. Dbeaver 연결

- MSSQL 을 사용하기 위해 Dbeaver에 연결해보겠습니다.

- Dbeaver 실행 후 왼쪽 상단에 있는 새 데이터베이스 연결을 클릭합니다.

- SQL Server 를 선택합니다.

- User Name 과 Password 를 입력하고 test Connection 을 해봅니다.

- Test Connection 을 누르니 필요한 driver 를 다운받으라는 창이 뜹니다. 진행해보겠습니다.

연결이 됬다고 뜨네요. 확인을 누르면 dbeaver 데이터베이스 목록에 추가됩니다.

다음은 docker를 이용한 postgreSQL 설치를 해보겠습니다.

감사합니다.

javaScript 에서 id 추가, 삭제 , 수정 하기

Josh — Mon, 12 Jul 2021 09:04:35 +0900

javaScript 에서 id 추가, 삭제 , 수정 하기

기존 javaScript 를 사용할때 class 를 수정한 적은 많은데 id 를 건들여본적이 없어서 같은 pupup 창을 사용해 save 와 update 를 처리하기에 애를 먹었습니다.

자 이제 id 를 삭제해보겠습니다.

id 삭제

하나의 예시로
id 가 save_Project 이고, class 가 popupfooter 라는 div 가 있다고 가정해보겠습니다.

    <div id = "save_Project" class = "popupfooter">
        save
     </div>

id 를 삭제 하기 위해선 기존 div 의 id 혹은 class 를 알아야합니다.

document.querySelector('.popupfooter').removeAttribute('id');

위와 같이 작성해주면 popupfooter 를 class 로 가지고있는 div 에서 id가 삭제 됩니다.

    <div class = "popupfooter">
        save
     </div>

위와같이 나오게 됩니다.

id 추가

이번엔 id 추가를 해보겠습니다.

삭제와 비슷하게 진행 가능합니다.

    document.querySelector('.popupfooter').id = 'save_Project';

로 입력하면 맨 위에 작성했던것 처럼 ID 가 추가 되어 아래와 같이 나오게 됩니다.

    <div id = "save_Project" class = "popupfooter">
        save
     </div>

id 수정

이번엔 id 수정을 해보겠습니다.

수정은 setAttribute 를 사용합니다.

    document.querySelector('.popupfooter').setAttribute("id", "edit_Project");

popupfooter class 의 id 를 edit_Project 로 변경하는 것 입니다.

    <div id = "edit_Project" class = "popupfooter">
        save
     </div>

이상입니다.