alphonse의 등록된 링크

키자드에 등록된 총 66개의 포스트를 확인하실 수 있습니다.

Tistory

002 가상화폐. 업비트 예치금 원화 입금하기

업비트에서 원화입금은 주식에서의 예수금 입금과 유사한 개념입니다. 원화입금은 업비트 계정에 한화(원화)를 입금하여 거래에 사용할 수 있는 자금을 보유하는 것을 말합니다. 주식에서 예수금을 주식계좌에 넣는 것과 마찬가지로, 원화입금을 통해 업비트 계정에 자금을 넣어 코인 거래를 위한 자금을 보관하고 활용할 수 있습니다. 원화입금을 통해 업비트 계정에 자금을 보유하면, 해당 자금을 사용하여 다양한 암호화폐를 매수하거나 매도할 수 있습니다. 원하는 암호화폐의 마켓을 선택하고, 입금한 원화 자금으로 해당 암호화폐를 구매하는 것이 가능합니다. 또한, 원화로 거래한 암호화폐를 다시 원화로 판매하여 수익을 실현할 수도 있습니다. 다만, 주식계좌와는 다르게 업비트는 암호화폐 거래소이므로 주의해야 할 점이 있습니다. 암..

Tistory

github사용에 필요한 주요 명령어

vscode에서 필요한 {git login 로그인, update 업데이트, commit 업로드, override update 로컬 업데이트 덮어쓰기 , override commit 원격 업로드 덮어쓰기 }를 사용할 수 있는 필수 명령어를 소개합니다. 1. VsCode에서 git허브 자동인증 설정 VsCode에서 git 명령어를 사용하다 보면 id와 password를 계속 물어보는 상황이 자주 발생합니다. id/password 설정을 매번입력하지 않아도 자동인증을 하고 싶다면 터미널창에서 아래 명령어를 입력하면 됩니다. git config --global credential.helper store 명령어 실행 이후에는 id와 passwordw를 한 번만 입력하면 로그인 정보가 로컬 디스크에 저장되어서 매번..

Tistory

003. 업비트 스테이킹 가이드

업비트에서 가상자산 스테이킹을 통한 보상으로 코인개수를 늘려봅시다. 코인을 은행예금처럼 거래소에 예금해 두고 특정 기간마다 이자를 받을 수 있어서 에어드랍을 통한 자산늘리가가 가능합니다. 1. 업비트 스테이킹이란? 업비트 스테이킹이란, 특정 암호화폐를 업비트라는 거래소에 보관하고, 그 대가로 보상을 받는 방식을 말합니다. 이는 Proof of Stake (PoS) 또는 Delegated Proof of Stake (DPoS) 등의 합의 알고리즘을 기반으로 하는 블록체인 네트워크에서 사용됩니다. PoS 방식은 암호화폐를 일정 기간 동안 잠가 놓는 것을 말하며, 이로써 블록체인 네트워크의 안정성을 높이고, 새로운 블록을 생성하거나 거래를 검증하는 데 참여할 수 있습니다. 스테이킹에 참여한 대가로 사용자는 보..

Tistory

Git사용을 편리하게 GUI기반 GitHub툴 Sourcetree를 소개합니다.

gitHub를 gui환경에서 가독성 있게 관리할 수 있는 강력한 무료 소프트웨어 SourceTree를 소개합니다.1. GitHub를 사용할 것이기 때문에 {Bitbucket Server, Bitbucket}는 해당사항이 없습니다. 건너뛰기하고 넘어갑니다. 2. Mercurial은 Git과 유사한 다른 프로그램이지만 이 포스팅에서는 Git만 사용할 것이기 때문에 체크를 해제합니다. 3. SSH키가 없다면 아니오를 클릭하고 넘어갑니다. 4. GitHub접속인증을 합니다.     5. GITHUB레파지토리를 clone해서 복제해 옵니다.  깃 저장소 추가는 git등록 상태의 디렉터리만 추가할 수 있습니다.  진행하는 동안 gitHub인증창을 여러 번 선택해야 할 수 있습니다.

Tistory

바이낸스에서 업비트로 코인 이동하기 입출금 하기

바이낸스에 보유하고 있던 코인을 업비트로 이동해 보도록 하겠습니다. 업비트 트래블룰에서 100만원 이상입금시 주의사항에 대한 내용도 확인해 보도록 하겠습니다. 보유하고 있는 xrp코인을 업비트로 이동해 보도록 하겠습니다. 바이낸스에서 xrp코인을 업비트로 보내는 개념이기 때문에 업비트의 xrp입금주소를 확인해서 바이낸스에서 그 주소로 입금하면 업비트에서 xrp코인을 입금받게 되는 것입니다. 1. 업비트에서 입금주소 확인 1_1. 업비트 로그인 후 입출금탭을 선택하고 상단 돋보기버튼 옆 입력란에서 xrp를 입력해서 xrp를 선택합니다. 코인 보유 목록이 많지 않다면 검색 없이 바로 찾으셔도 됩니다. 리플을 클릭합니다. 1_2. 주의사항 확인 어떤 네트워크를 선택해야 하는지 잘 기억하셔야 합니다. 바이낸스에..

Tistory

우분투 최신버전으로 업그레이드

우분투를 최신버전으로 업그레이드합니다. 현재 사용하고 계신 Ubuntu 버전은 18.04 LTS(Bionic Beaver)입니다. 이 버전의 표준 지원은 2023년 4월까지이지만, 보다 최신 기능과 보안 업데이트를 받기 위해선 최신 버전으로 업그레이드하는 것이 좋습니다. 현재 가장 최신의 LTS(Long Term Support) 버전은 20.04 LTS(Focal Fossa)입니다. LTS 버전은 5년 동안 지원되므로 안정성이 필요한 사용자에게 추천됩니다. Ubuntu 18.04 LTS에서 20.04 LTS로 업그레이드하는 방법은 다음과 같습니다: 1. 먼저, 현재 시스템의 모든 패키지를 최신 상태로 업데이트합니다: sudo apt update sudo apt upgrade sudo apt dist-up..

Tistory

001 가상화폐. 업비트에서 코인거래 시작하기

케이뱅크 계좌를 개설하고 업비트에 계좌등록 후 코인거래를 시작해 보겠습니다. 케이뱅크는 모바일 비대면으로 간단하게 계좌개설이 가능하고 업비트는 {앱스토어, 플레이스토어}에서 다운로드 후 손쉽게 가입이 가능합니다. 1. 케이뱅크 계좌개설 업비트에서 코인거래를 시작하려면 먼저 케이뱅크 계좌가 필요합니다. 케이뱅크앱을 다운로드하여서 설치합니다. {앱스토어, 플레이스토어}에서 케이뱅크 앱을 다운로드합니다. 은행을 직접 방문하지 않아도 모바일가입 절차만으로 간편하게 5분 만에 가입이 완료됩니다. 앱을 실행 후 입출금통장 가입하기를 시작하면 비대면 계좌 개설 과정이 시작됩니다. 실물 {주민등록증, 운전면허증, 모바일 운전면허증}으로 본인 확인을 진행합니다. 계좌인증을 위해서 케이뱅크가 아닌 다른 은행계좌 1개가 필..

Tistory

01. 우분투서버ip 도메인 연결후 SSL/TLS 인증서 발급받기

도메인과 IP를 연결하하고 우분투에서 SSL/TLS인증서를 발급받습니다. 저 같은 경우 가비아에서 도메인을 등록하였기 때문에 가비아기준으로 설명하겠습니다. 도메인등록 사이트가 가비아가 아니라도 개념은 비슷할 것이라 생각합니다. 1. 도메인 DNS설정 1. 가비아 웹사이트에 로그인 합니다. 2. 페이지 상단의 '도메인' 메뉴를 클릭합니다. 3. 관리하고자 하는 도메인 네임(여기서는 alphonse.kr) 옆의 '관리' 버튼을 클릭합니다. 4. 왼쪽 메뉴에서 'DNS 관리'를 선택합니다. 5. '레코드 관리' 탭을 클릭합니다. 6. '레코드 추가' 버튼을 클릭합니다. 7. '타입' 드롭다운 메뉴에서 'A'를 선택합니다. 8. '호스트명'에는 도메인 이름을 입력합니다. 루트 도메인을 사용하려면 '@'를 입력하..

Tistory

02. nginx서브도메인 등록하고 여러개의 사이트 생성하기

지난 포스트 0.1에서 도메인과 IP를 연결하하고 우분투에서 SSL/TLS인증서를 발급받습니다. 이제 root와 별개로 서브사이트를 만들어 보겠습니다. 도메인이 mysite.kr이라고 가정하면 test.mysite.kr로 접속가능한 서브사이트를 세팅해 보도록 하겠습니다. 1. WWW접속 설정 www 서브도메인과 루트 도메인(www 없는 경우) 모두를 사용하려면, 가비아의 DNS 설정에서 두 개의 A 레코드를 추가하면 됩니다. 첫 번째 A 레코드: 타입: A 호스트명: @ IP주소: 177.177.777.777 두 번째 A 레코드: 타입: A 호스트명: www IP주소: 177.177.777.777 이렇게 설정하면, http://www.test.kr와 test.kr 모두 우분투 서버의 IP 주소인 177...

Tistory

vscode 프로젝트를 gitHub와 연결 후 개발하기

vscode에서 생성한 폴더 또는 프로젝트를 gitHub와 연결하고 편리하게 파일관리를 할 수 있습니다. 터미널에서의 조작법과 vscode툴의 자체기능을 활용하는 방법 이렇게 두 가지 방식을 소개합니다. 네, 그럼 새로 생성한 '/var/www/html/alphonse/test' 디렉터리를 Git으로 초기화하고 GitHub에 올리는 과정을 다시 진행해 보겠습니다. 1. 먼저, 해당 디렉터리에서 Git 초기화를 합니다. vs코드를 열고 git으로 관리할 폴더를 오픈 후 터미널창에서 해당위치이동후 명령어를 입력합니다. git init 2. Git 사용자 이름과 이메일을 설정합니다. git config user.name "Your Name" git config user.email "your.email@exam..

Tistory

다양한 상황에 대한 ECLIPSE SVN사용법

이클립스에서 SVN프로젝트를 최초로 업로드하고 내려받고 제거하고 다시 재연 결하고 여러 가지 다양한 상황에 대한 가이드를 제시하는 포스팅입니다. 1. 최초로 서버에 프로젝트 업로드하기 이클립스를 실행합니다. 상단 메뉴에서 'Window' > 'Show View' > 'Other...'를 선택합니다. 'SVN' 카테고리를 확장하고 'SVN Repositories'를 선택한 후, 'Open' 버튼을 클릭합니다. 이제 'SVN Repositories' 뷰가 보입니다. 여기서 우클릭하고 'New' > 'Repository Location...'를 선택합니다. 새로운 창에서 SVN 서버의 URL을 입력하고, 필요한 경우 사용자 이름과 비밀번호를 입력합니다. 그리고 'Finish' 버튼을 클릭합니다. 이제 'SVN..

Tistory

개발툴에서 gitHub연동을 위한 git허브 토큰 생성하기

1. 프로필 아이콘 클릭 > Settings/Developer Settings 2. New personal access token (classic) 3. 옵션설정후 인증토큰 생성 Note : 적절히 입력 Expiration : 만료기간 설정 repo, delete repo : 권한설정

Tistory

파일질라 설치후 FTP접속하기

파일질라를 설치 후 FTP접속에 대한 포스팅입니다. 자산의 PC에 직접 FTP서버까지 구축하는 경우라면 우측편의 FileZilla Server을 선택하시면 되고 이미 구축되어 있는 FTP서버에 접속하는 용도라면 FileZilla Client를 다운로드하여서 설치하시면 됩니다. 이번 포스팅에서는 FileZilla Client를 사용해서 FTP에 접속해 보도록 하겠습니다. [ 파일질라 다운로드 ] https://filezilla-project.org/ 설치는 NEXT만 계속 클릭하다가 마지막에 Finish 하시면 간편하게 설치가 완료됩니다. 1. 새 사이트 관리자 오픈 2. 새 사이트 버튼을 클릭해서 새사이트 생성 - 사이트에 접속할 수 있는 커넥션을 생성하는 것입니다. 3. 필요한 정보를 입력 후 연결버튼..

Tistory

VSCODE에서 저장하면 원격FTP서버로 자동업로드 합니다.

vs코드에서 원격으로 개발후 저장하면 서버에 자동으로 업데이트가 가능하도록 편리한 작업환경을 만들어 보도록 하겠습니다. 1. 확장플러그인을 설치합니다. { 플러그인명 : Remote - SSH } 2. 커서가 깜빡일때 F1키를 눌려줍니다. 보이는 목록들이 변경되었습니다. 여기서 Open SSH Configuration File...부분을 찾아서 클릭합니다. 2. 설정된 CONFIG파일이 저장될 경로를 지정합니다. 설정을 저장할 파일을 지정해 줍니다. 기본적으로 이 위치에 config파일이 존재합니다. Host adm-ssh HostName 171.119.140.211 User adm IdentityFile "C:\mykey\ssh-key-007.key" 3. 원격접속하기 검색창에 커서를 위치하고 F1키 ..

Tistory

워드프레스 디렉터리별 주요 용도와 특징정리

/var/www/html위치 아래에 워드프레스를 설치하였습니다. 설치된 워드프레스의 주요 디렉터리들의 용도는 다음과 같습니다. 1. wp-admin: 이 디렉터리는 워드프레스의 관리자 대시보드와 관련된 모든 파일을 포함하고 있습니다. 여기에 포함된 파일들은 워드프레스의 관리자 페이지를 구성하는데 필요한 PHP, JavaScript, HTML, CSS 등의 파일들을 포함합니다. 2. wp-content: 이 디렉터리는 워드프레스 사이트에 추가로 설치되는 플러그인, 테마, 업로드된 미디어 파일 등을 저장하는 공간입니다. 이 디렉터리의 하위 디렉터리는 다음과 같습니다: plugins: 워드프레스 플러그인들이 설치되는 디렉터리입니다. themes: 워드프레스 테마들이 설치되는 디렉터리입니다. uploads: 사..

Tistory

FTP 자격증명을 입력해주세요. 워드프레스 권한 문제해결

워드프레스 관리자모드 접속 시 문제가 발생하여 아래와 같은 알림판 통보를 받았습니다. 요청한 작업을 수행하려면, 워드프레스는 웹 서버에 접속해야 합니다. 계속하려면 FTP 자격증명을 입력해 주세요. 자격증명을 기억하고 있지 않다면, 웹 호스트에 연락해야 합니다. Creating the /var/www/html/wp-content/uploads/apollo13_framework_files/css/user.css file(responsible for the theme settings) requires access to your FTP account. This is due to the configuration of your server. [원인] 원격접속을 위해서 권한을 건드리면서 기존 디렉터리의 권한들이 뒤..

Tistory

리눅스에서 자신의 계정에 대한 권한 제대로 확인하고 변경하기

리눅스에서 자신의 계정이 어떤 그룹에 속해있고 어떤디렉터리나 파일에 어떤권한을 가지고 있는지 확인해 봅시다. Linux에서 특정 유저가 어떤 그룹에 속해 있는지 확인하려면 groups 명령어를 사용하면 됩니다. 예를 들어, yourusername이라는 유저가 어떤 그룹에 속해 있는지 확인하려면 터미널에서 다음과 같이 입력합니다: groups yourusername 이 명령어를 실행하면 yourusername이 속한 그룹의 목록이 출력됩니다. 만약 내가 구축한 웹서버에 권한을 { www-data, apache, nginx }이 권한그룹들에게 부여했다면 {www-data, apache, nginx} 중 어느 그룹에도 속하지 않았다면, 이 유저를 해당 그룹에 추가해야 합니다. 유저를 특정 그룹에 추가하려면 u..

Tistory

NGINX루트 경로 변경 후 INDEX파일 생성하기

NGINX서버에서 디렉터리를 여러 개 두고 개발을 진행하고 싶을 경우 기본 /var/www/html 아래에 여러 개의 디렉터리를 두고 그중에 한 개의 디렉터리를 root디렉터리로 지정해 봅시다. 나머지 디렉터리는 서브프로젝트를 생성할 수 있는 디렉터리로 사용할 수 있습니다. 1. root가 될 디렉터리 폴더생성 sudo mkdir /var/www/html/alphonse 2. root접속 시 첫 화면이 될 index파일 생성 sudo echo 'Hello, world!' | sudo tee /var/www/html/alphonse/index.html 3. ubuntu사용자에게 마스터권한 부여 웹 서버는 대부분 'www-data' 또는 'nginx'와 같은 특정 사용자로 실행되며, 이 사용자는 보통 웹 서..

Tistory

우분투 리눅스에서 vi나 nano대신 VS코드(VsCode)설치하고 사용하기

리눅스에서 불편한 편집기 대신 편리한 코딩툴 VS코드(VsCode)를 설치하고 사용해 봅시다. 리눅스를 사용하다보면 서버설정들을 셋팅하거나 변경해야할 일들이 많이 생기는데 항상 불편했던 부분이 텍스트 편집기가 매우 불편하다는 것입니다. 제가 익숙하지 않은 탓인지도 모르겠지만 다들 공감하시리라 생각합니다. 1. 터미널을 열고 다음 명령어를 사용하여 Microsoft의 GPG 키를 추가합니다. sudo wget -O code.deb "https://code.visualstudio.com/sha/download?build=stable&os=linux-deb-x64" 2. 위 명령어를 실행하면 code.deb 파일이 다운로드됩니다. 다운로드가 완료되면 아래 명령어를 사용하여 설치할 수 있습니다 sudo dpkg..

Tistory

NGINX에서 워드프레스 root경로 변경하기

리눅스기반에서 NGINX를 설치하고 워드프레스를 내려받으면 루트경로가 http://your_id/wordpress 로 잡히는데 http://your_id 이렇게 바로 접근할수 있도록 경로설정을 변경해 보겠습니다. 1. 경로이동 cd /etc/nginx/sites-available 2. ls로 default파일 확인하고 편집기로 오픈합니다. sudo vi default 파일을 열어서 root경로를 변경해 줍니다. 변경전 : /var/www/html => 변경후:/var/www/html/wordpress i : 수정모드, 저장후 종료(esc -> :wq->엔터), 종료(esc=>:q!) 저장후 nginx서버 재시작 sudo service nginx restart

Tistory

우분투 리눅스 nigex에 워드프레스 설치하기

1. 웹 서버의 루트 디렉토리로 이동합니다: cd /var/www/html/ 2.워드프레스를 다운로드하고 압축을 해제합니다: sudo wget https://wordpress.org/latest.tar.gz sudo tar -xzvf latest.tar.gz 3. 압축을 해제한 후, 워드프레스 파일들을 현재 디렉토리로 이동시킵니다: sudo mv wordpress/* . 4. 워드프레스 설치에 사용되었던 디렉토리를 삭제합니다: sudo rm -r wordpress/ 5. 웹 서버 사용자로 소유자를 변경합니다: sudo chown -R www-data:www-data . 6. 환경파일 셋팅 - sudo vi /etc/nginx/sites-available/default [변경전] # See: https:/..

Tistory

wordpress 스킨작업 가능하도록 리눅스 FTP구축

wordpress의 관리자 모드에서 스킨작업을 지원하지만 섬세한 작업을 하기 위해서는 전체스킨을 다운로드하여서 전문 UI툴을 사용해서 개발하는 것이 편리합니다. 우분투 리눅스에 FTP서버 구축가이드입니다. wordpress를 리눅스서버에서 운영하시는 분들께 많은 도움이 되었으면 좋겠습니다. 1. ufw 설치 sudo apt update sudo apt install ufw 2. FTP 서버용 포트(기본 21번)를 열기: sudo ufw allow 21 3. 방화벽 활성화 sudo ufw enable 4. 이제 방화벽에서 21번 포트가 열렸으므로 외부에서 FTP 서버에 접속할 수 있습니다. 추가로 FTP 서버에서 사용하는 데이터 포트 범위도 열어야 할 수 있습니다. 일반적으로 30000-31000번 사이의..

Tistory

002. 제이쿼리 날코딩 조합 - 테이블 행에 선택 체크 박스 추가

테이블 행 TR태그에 출력된 내용들을 선택하고 추출해서 사용하기 위해 먼저 다중선택이 가능하도록 체크박스를 추가해 보도록 하겠습니다. 서버에서 데이터를 가져와서 table의 tr태그로 append 하는 부분은 {001. 제이쿼리 날코딩 조합 - 테이블에 데이터 바인딩} 지난 포스팅을 참조하세요. 001. 제이쿼리 날코딩 조합 - 테이블에 데이터 바인딩 javascript와 jquery 날코딩 조합으로 테이블에 서버에서 받은 데이터를 바인딩 해봅시다. UI프레임웍을 제공하지 않는 프로젝트에서 최소한의 도구를 가지고 제이쿼리와 날코딩조합으로 접근해 보 alphonse.tistory.com 1. 테이블에 append 된 tr td를 확인합니다. 2. 행을 다중으로 선택하거나 해제할 수 있는 체크박스를 구현합니..

Tistory

OCI 01. 오라클클라우드 oci환경에서 docker올리고 마리아db설치

오라클클라우드 oci에서 docker에 마리아 db를 설치하고 사용자를 추가 후 권한까지 부여해 보았습니다. 1. 도커설치 1. 우선, 필요한 패키지들을 업데이트하고 설치해줍니다. 터미널에서 아래의 명령어를 실행해 주세요. sudo apt-get update sudo apt-get install apt-transport-https ca-certificates curl software-properties-common 2. Docker의 공식 GPG 키를 추가합니다. curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - 3. Docker 저장소를 APT 소스에 추가합니다. sudo add-apt-repository "deb ..

Tistory

OCI 02. 오라클클라우드 oci환경에서 docker올리고 마리아db설치

오라클클라우드 oci에서 docker에 마리아 db를 설치하고 사용자를 추가 후 권한까지 부여해 보고 외부접속이 가능하도록 방화벽 포트오픈도 진행해 보겠습니다. OCI, 우분투, 도커에서 모두 방화벽이 오픈되어야 합니다. 1. mariaDB 다운로드 1. 마리아db다운로드 docker pull mariadb 2. docker에 마리아db설치 root계정 에서 사용할 패스워드 : pwd007 도커 컨테이너 이름 : mariadb os시작시 자동실행, 도커가 재부팅시 포함된 mariadb도 자동 시작되도록 옵션이 설정되었습니다. 방화벽 매핑 - 마리아db포트 3306에 외부에서도 접속가능하도록 방화벽 포트허용 옵션이 설정되었습니다. 마리아db에서 외부접속설정을 하지 않아도 외부접속가능하도록 옵션이 설정되었습..

Tistory

OCP 우분투

1. 방화벽 오픈 포트확인 현재 실행 중인 서비스와 그 서비스가 사용하는 포트 확인: 이 경우에는 netstat -tunlp 명령어를 사용합니다. 이 명령어는 현재 시스템에서 실행 중인 네트워크 서비스와 해당 서비스가 사용하는 포트를 보여줍니다. -t - TCP 포트를 표시합니다. -u - UDP 포트를 표시합니다. -n - 호스트를 확인하는 대신 숫자 주소를 표시합니다. -l - 수신 포트만 표시합니다. 특정 포트가 열려 있는지 확인: 이 경우에는 sudo ufw status 명령어를 사용합니다. 이 명령어는 UFW(Uncomplicated Firewall)에서 설정한 포트 개방 규칙을 보여줍니다. 이 명령어를 통해 특정 포트가 열려 있는지 확인할 수 있습니다. [ 확인 ] sudo ufw enable..

Tistory

오라클 프로시져에서 커서타입리턴 {PROCEDURE:REFCURSOR}

이번 포스팅에서는 {오라클 커서타입:REFCURSOR}을 리턴하는 프러시저(PROCEDURE)를 생성해 보고 생성된 프로시져를 패키지로 묶어서 배포하고 호출하고 실행까지 해보는 예제를 작성해 보았습니다. 커서타입은 정확한 테이블 타입을 몰라도 범용적으로 테이블형태의 데이터를 가공하기에 용의 합니다. 사용된 쿼리문은 간단하게 사용자테이블을 LIKE조건으로 조회하는 부분과 부서테이블의 부서를 LIKE조건으로 검색하는 2개의 프러시저 호출해 보는 예제코드입니다. 구조는 {패키지 > 2개의 프로시져}로 구성되어 있습니다. 1. 사용자 조회쿼리 SELECT A.* FROM( SELECT MEM_ID , SUR_NAME , GIVEN_NAME , SUR_NAME || GIVEN_NAME AS FULL_NAME FR..

Tistory

Dart 15. 함수와 제어문 {유목민 알폰스}

dart에서 함수를 생성 후 getter, setter를 통 안 입출력 및 기타 연산자를 알아보겠습니다. 함수 선언하고 호출하기 매개변수의 사용 옵셔널 위치 매개변수 함수 타입 인수 getter setter 함수 연산자의 활용 실행 흐름의 제어 1. 함수 선언과 호출 //톱레벨 함수 void fun1(){ } //톱레벨함수 안에 함수 void fun2(){ void fun2_1(){ } fun2_1(); } //클래스 안에 함수 class TestClass{ void getTest(){ } } 함수의 중복 오버로딩을 지원하지 않습니다. 오버로딩을 대신할 옵셔널 매개변수라는 기능이 있기 때문에 굳이 오버로딩을 지원하지 않아도 되는 것입니다. 매개변수의 타입은 명시하거나 모든타입을 받을 수 있는 var타입을..

Tistory

Dart 16. 클래스 생성과 호출 그리고 초기화 {유목민 알폰스}

DART클래스를에 대한 생성과 호출 변수와 메소드의 초기화를 비롯한 여러가지 다양한 특성들을 살펴 봅니다. 클래스 생성과 선언 호출 class User{ String name = '알폰스'; int age = 25; void setHello(){ print('Hello $name, age: $age'); } } main(List args){ User user = new User();//객체의 생성 print(user.name);//멤버변수 접근 print(user.age);//멤버변수 접근 user.setHello();//멤버메소드 접근 } 출력) 알폰스 25 Hello 알폰스, age: 25 ---------------------------------------- main(List args){ User..

Tistory

Dart 17. 명명된 생성자와 상수 생성자 {유목민 알폰스}

2023.11.08 - [Client/Dart] - Dart 16. 클래스 생성과 호출 그리고 초기화 {유목민 알폰스} 명명된 생성자와 상수 생성자의 사용법과 특성을 알아봅시다. 명명된 생성자는 한 클래스의 여러 개의 다른 종류의 생성자를 작성할 수 있습니다. 점(.)으로 연결해서 다양한 생성자의 구현이 가능합니다. 오버로딩은 매개변수를 보고 용도를 구분하지만 이렇게 이름으로 명시함으로써 가독성이 더 높아진다고 볼 수 있습니다. 상수 생성자는 기존에 동일한 객체의 요청이 있을 때 새로 생성하지 않고 이미 생성된 객체를 활용하므로 애플리케이션의 성능을 개선할 수 있습니다. 명명된 생성자를 통한 여러 개의 다양한 생성자를 정의해 봅시다. class TestClass { TestClass() {} TestCl..

Tistory

Dart 18. 상속과 추상 클래스 {유목민 알폰스}

dart에서 클래스의 상속에 대해서 정리해 보겠습니다. 1. 상속 SubClass는 ParentClass의 자원을 상속받았기 때문에 body부분에 코드가 기술되지 않았지만 부모코드에서 기술된 자원을 사용할 수 있습니다. class ParentClass { int val = 10; void fun() { print("Parent..fun()..."); } } class SubClass extends ParentClass {} main() { var obj = SubClass(); obj.fun(); print("obj.val : ${obj.val}"); } 결과) Parent..fun()... obj.val : 10 2. 오버라이딩 부모클래스의 속성을 그대로 사용할수도 있지만 상속을 받은 다음에 변경하고 ..

Tistory

001. 제이쿼리 날코딩 조합 - 테이블에 데이터 바인딩

javascript와 jquery 날코딩 조합으로 테이블에 서버에서 받은 데이터를 바인딩 해봅시다. UI프레임웍을 제공하지 않는 프로젝트에서 최소한의 도구를 가지고 제이쿼리와 날코딩조합으로 접근해 보았습니다. 서버에서 데이터를 가져와서 html의 table tr행에 표현해 주려고 합니다. 구조는 아래와 같습니다. 1. 서버에서 json기반의 데이터를 받았습니다. 만약 서버에서 받은 데이터가 json형태가 아니라면 별도록 서버데이터 가공이 필요합니다. //서버에서 받은 json데이터 var rs = [ {"idx":"1", "name":"이제니", "id":"m001", "pwd":"11"} , {"idx":"2", "name":"안유진", "id":"m002", "pwd":"22"} ]; 2. head의..

Tistory

윈도우에서 마법같은 치트기로 업무효율 높여보세요 {유목민 알폰스}

각종 폴더위치 복잡한 구조로 꼭꼭 숨어 있는 파일의 접근 필요한 프로그램을 빠르게 실행 이 모든 것을 사용자가 자유롭게 구성한 단축키로 손쉽게 접근합니다. [ SlickRun 무료다운로드 ] Bayden SlickRun Bayden SlickRun is a free floating command line utility for Windows. bayden.com 1. 다운로드 후 설치를 완료합니다. 완료하면 이렇게 윈도우 하단에 작음 입력박스가 나타납니다. 입력박스의 위치는 마우스로 끌어서 편한 것에 위치해 두고 사용하시면 됩니다. 2. 입력박스 위에서 마우스 우클릭 해서 환경설정을 해줍니다. 3. Options탭으로 이동해 보면 단축키를 설정할 수 있습니다. 혹시 기본 단축키가 충돌이 난다면 단축키를 바..

Tistory

Dart 12. { const, final }와 { var, dynamic } 타입 {유목민 알폰스}

const final var dynamic 타입의 변수들을 알아보겠습니다. 1. const 타입 { 함수 안의 지역변수, 톱 레벨 }에서 선언가능합니다. 클래스에서 선언할 때는 무조건 static변수로 선언해야 합니다. 선언할 때 무조건 초기값을 지정해야 합니다. 한번 선언이 되면 값을 바꿀 수 없습니다. const타입에 변수값을 대입할 때는 반드시 ( const = const ) 같은 const끼리만 대입가능합니다. main() { String str01 = "문자값"; const String const01 = "커스트고정값"; final String final01 = "파이널고정값"; } 2. final 타입 {함수안의 지역변수, 클래스 안의 지역변수}에서 선언이 가능합니다. 클래스에서 선언할 때도 ..

Tistory

Dart 13. 컬렉션 타입 List Set Map {유목민 알폰스}

테이블 처럼 행, 열이 있는 복잡한 형태의 데이터를 저장할수 있는 변수타입 입니다. List, Set, Map 타입에 대해서 알아 보겠습니다. 1. List 타입 List 꺽쇠 안에 타입을 선언하면 배열안에 들어갈수 있는 타입이 지정이 됩니다. List 꺽쇠와 타입지정이 없기 때문에 배열안에 들어갈 타입은 다이나믹 타입이 됩니다. 그래서 모든 타입의 변수를 담을수 있습니다. [실행] void main() { List rs = [123, "테스트", true]; rs[0] = 100; rs[1] = "홍길동"; print('rs:[${rs[0]}, ${rs[1]}, ${rs[2]}]'); } [결과] rs:[100, 홍길동, true] 제네릭으로 타입을 지정했다면 지정한 타입만 대입할수 있습니다. void..

Tistory

Dart 14. 널 안전성 변수선언 {유목민 알폰스}

Dart는 널 안전성을 지원하는 프로그램입니다. 널 안전성을 지원하지 않는 프로그램들은 객체에 null값을 대입할 수 있으므로 NullPointerException발생시키는 빈도가 높습니다. Dart에서는 기본적으로 변수에 null값을 허용하지 않기때문에 실행되기 이전에 미리 에러를 발생시켜서 null안정성을 지원해주고 있습니다. 기본은 null값을 대입하지 못합니다. 하지만 변수 선언시 물음표? 옵션을 붙여주면 null을 허용하게 됩니다. 즉 널허용 변수와 널 불허 변수를 모두 생성할 수 있습니다. int1은 null을 담을수담을 수 있었고 int2는 null을 담을 수 없기 때문에 붉게 표시되고 에러가 나는 것을 볼 수 있습니다. int var1 = null; //

Tistory

Flutter 03. 비쥬얼 스튜디오 코드에서 Flutter프로젝트 생성 {유목민 알폰스}

비쥬얼 스튜디오 코드에서 플러터 프로젝트를 생성하고 다양한 디바이스로 실행해 보겠습니다. 하단에 가이드에 대한 보충설명을 영상으로 제공하고 있으니 참조하시길 바랍니다. 1. 상단 View메뉴에서 Command Palette... 선택합니다. Flutter:New Project 선택 Application 선택 프로젝트를 저장할 디렉터리 선택 여기서는 D:\prj\workspace\hello로 선택 2. 프로젝트 디렉터리가 지정 > 프로젝트 이름을 입력 여기서는 hello_prj를 입력합니다. 3. 프로젝트가 생성되었고 main.dart 실행파일이 보입니다. 4. 프로젝트를 실행할 때 브라우저 실행 또는 모바일 시뮬레이터에서 실행가능 합니다. 여러 가지 다양한 디바이스가 제공되므로 선택해서 실행이 가능합니다..

Tistory

Flutter 04. 핸드폰에서 Flutter실행하기

자신의 핸드폰에서 플러터를 실행합니다. 가이드는 안드로이드폰 기준으로 작성되었습니다. 안드로이드폰에서 실행 및 디버깅에 관한 가이드입니다. 1. 핸드폰의 상단 설정메뉴 실행 검색 돋보기를 클릭합니다. 2. 검색창에 빌드번호라고 입력하면 푸른색 글씨로 빌드번호링크가 검색됩니다. 빌드번호링크를 클릭 3. 빌드번호를 연속해서 개발자 옵션이 활성화되었다고 뜰 때까지 클릭합니다. 4. 개발자 옵션을 클릭합니다. 개발자 옵션이 활성화되었다는 메시지가 뜨고 나서 설정으로 돌아가면 기존에 보이지 않았던 개발자옵션 항목이 표시되어 있습니다. 개발자 옵션을 클릭합니다. 5. USB디버깅을 활성화해줍니다. 6. 먼저 핸드폰과 컴퓨터를 USB잭으로 연결하고 vsCode의 터미널창 또는 윈도우 command창을 열고 flutt..

Tistory

Dart 11. 데이터 타입 [String, int, double] Type 사용

Dart에서 사용하는 데이터 타입들과 그 특성을 정리해 보았습니다. String타입 1. String 선언 및 표기방식 홑따옴표와 큰따옴표는 둘은 동일하게 동작하고 삼중홑따옴표와 삼중큰따옴표 둘이 동일하게 동작한다. 홑따옴표 ('문자') : 일렬로만 출력된다. 특수문자를 결합해야 줄 바꿈이나 탭표시가 가능하다. 큰따옴표 ("문자") : 일렬로만 출력된다. 특수문자를 결합해야 줄 바꿈이나 탭표시가 가능하다. 삼중홑따옴표('''문자''') : 출력해 보면 엔터처리나 탭키까지 모두 적용이 된다. 삼중큰따옴표("""문자""") : 출력해 보면 엔터처리나 탭키까지 모두 적용이 된다. main() { String str1 = '우리나라'; String str2 = "대한민국"; String str3 = ''' 우리..

Tistory

윈도우에서 사용할수 있는 무료 영한 번역기 {유목민 알폰스}

WINDOW에서 사용할 수 있는 가볍고 심플한 무료번역기를 소개합니다. QTranslate는 컴퓨터에서 셀렉되는 모든 문자를 번역할 수 있다는게 가장 편리한 부분입니다. 컴퓨터의 구석구석 어느 프로그램에서라도 문자만 마우스로 긁을 수 있다면 셀렉션된 모든 부분은 번역이 가능 합니다. 하단에 보시면 여러가지 번역기를 선택할 수 있는데{네이버파파고, 구글번역기}의 엔진도 포함이 되어있네요. 마우스로 텍스트를 긁어서 셀렉션한 상태에서 ctrl+q를 하시면 조그만한 번역창에서 번역을 해줍니다. 물론 그 조그만한 창을 클릭해서 큰 창으로 본격적으로 볼 수도 있습니다. [ 다운로드 ] QTranslate Windows 용 무료 과학 및 교육 프로그램 qtranslate.softonic.kr By. 유목민 알폰스 A..

Tistory

AI 이미지 무료 생성

무료로 AI이미지를 생성할수 있는 사이트들을 소개하고 이미지 생성방법을 설명 합니다. [ 생성방법 - 대부분의 사이트가 공통적으로 동일합니다. ] 프롬프트는 명령어를 입력하는 입력창이라고 보시면 됩니다. 거창하게 명령어라고 말씀드렸지만 그냥 단어의 나열이라고 보시면 됩니다. 콤마를 기준으로 여러개 나열할수 있습니다. ex) 파란색, 어둡다, 눈이크다, 콧대가 높다 ... 이런식으로 단어를 나열해서 적으시면 됩니다. 대부분 영어로 입력을 해야 하지만 간혹 한글지원을 해주는 사이트도 있습니다. 프롬프트에는 2가지 종류가 있습니다. 긍정을 나타내는 프롬프트 : 이미지를 생성할때 포함하고 싶은 내용 부정을 나타내는 프롬프트 : 이미지를 생성할때 제외하고 싶은 내용 명령어를 모르겠어요. 명령어를 모르셔도 그냥 입..

Tistory

블로그나 카페접속시 주소표시줄에 나만의 유니크한 아이콘 파비콘 표시하기 {유목민 알폰스}

블로그나 카페에 접속했을 때 상단에 보이는 주소표시줄에 기본으로 제공하는 아이콘 말고 나만의 유니크한 아이콘을 표시해 봅시다. 이미지 편집이 가능합니다. 포토샵 또는 이미지 편집툴로 기존이미지를 수정하거나 직접 이미지 작업을 해서 png 또는 jpg로 저장합니다. 편집툴이 없고 편집할 줄 몰라요. 무료 이미지 사이트에서 맘에 드는 아이콘을 다운로드하셔서 사용하시면 됩니다. 이미지는 어떤 종류의 이미지를 받아야 하나요? 배경을 투명으로 하고 싶다면 : png확장자의 이미지를 받으시면 됩니다. 배경은 투명이 아니라도 상관없다면 : jpg로 받으셔도 됩니다. 작업순서 PNG이미지 준비 PNG를 ICO파일로 변환 블러그 관리자 모드에서 ICO파일 설정 변경확인 1. PNG이미지 준비 이미지를 어디서 구할 수 있..

Tistory

티스토리 관리자에서 설정한 파비콘이 적용되지 안될때 해결방법 {유목민 알폰스}

티스토리의 관리자 모드에서 파비콘을 설정했는데 적용이 절반은 되었고 절반은 되지 않았습니다. 구글 크롬 브라우저에서는 잘 적용이 되었지만 MS 엣지 브라우저에서는 파비콘 표시가 되지 않았습니다. 아래는 {유목민 알폰스} 티스토리에 적용할 파비콘(ICON)입니다. 분명 이렇게 관리자 모드를 통해서 파비콘을 등록하였습니다. 크롬과 엣지 브라우저를 동시에 띄워 놓고 보면 결과는 아래와 같습니다. 동일한 URL로 접속했지만 위쪽의 크롬브라우저에서만 등록한 파비콘이 설정되었습니다. 2개의 브라우져 모두 캐시삭제까지 완료했지만 엣지에서는 표시가 되지 않았습니다. 이렇게 해결했습니다. 티스토리의 관리자 모드 > 좌측의 스킨편집 메뉴 우측의 HTML편집 버튼을 클릭합니다. 파일업로드탭으로 이동합니다. 하단의 추가 버튼..

Tistory

Flutter 01. 플러터를 시작하기 위한 환경설정 {유목민 알폰스}

Flutter을 처음 시작하기 위해서는 사전에 준비해야 할 것들이 많이 있습니다. 필요한 부분들을 정리해서 설명드리겠습니다. 필요한 준비물 Flutter SDK다운로드 후 압축 풀고 환경변수 등록 안드로이드 스튜디오설치 후 Flutter플러그인 설치 VsCode 비쥬얼 스튜디오코드 설치 후 Flutter플러그인 설치 Visual Studio 설치 {윈도우앱 개발 시 필요} 모두 완벽하게 설치가 되었다면 command창이나 터미널창을 열어서 flutter doctor이라고 입력했을 때 커멘트 창에 모두 녹색 체크표가 뜰 것입니다. 설치가 모두 완료되었을 때 상세한 내용을 {유목민 알폰스}의 다른 게시글을 통해서 소개 드립니다. Flutter을 공부하기에 앞서 DART를 먼저 학습하시면 많은 도움이 될 것입..

Tistory

Flutter 02. 안드로이드 스튜디오에서 Flutter플러터 프로젝트 생성 {유목민 알폰스}

안드로이드 스튜디오에서 Flutter프로젝트를 생성하고 다양한 디바이스 선택과 실행까지의 진행 과정을 상세한 가이드와 함께 영상으로 제공합니다. 디바이스 실행 웹브라우저에서 샘플프로젝트를 실행해 봅니다. 윈도우앱으로 Flutter을 실행해 봅니다. 핸드폰 디바이를 사용자가 직접 만들고 생성해서 실행까지 해봅니다. Flutter가 Dart언어를 기반으로 하고 있기 때문에 Dart와 중복되는 부분이 있어서 아래 링크로 상세한 설명을 드리겠습니다. [ 안드로이드에서 Flutter프로젝트 생성 ] DART 05. 안드로이드 스튜디오 Flutter프로젝트 생성 {유목민 알폰스} 1. [ New Flutter Project ] 클릭 합니다. 안드로이드 스튜디오를 처음 실행하면 Welcome페이지가 뜹니다. [ Ne..

Tistory

오라클 클라우드 무료 서버할당 가입신청하기 {유목민 알폰스}

오라클 클라우드를 가입하면 무료로 자유롭게 구축가능한 가상서버 인스턴스 2개와 오라클데이터베이스 서버가 평생 무료입니다. 유료전환 되기 전에 빨리 가입하세요. 1. 무료로 시작하기 클릭 오라클 상시 무료 클라우드 서비스를 선택합니다. 간단하게 사람인지 AI인지 테스트를 받습니다. 계정정보를 입력합니다. 회사이름, 회사이름영문, 클라우드 계정이름을 작성합니다. 주소정보와 신용카드 정보를 작성합니다. 무료버전의 경우 신용카드를 결제가능한지 테스트만 진행하고 실제로 금액이 빠져나가지는 않습니다. 가입 후 리눅스 접속하기는 다음 포스팅에 포함하도록 하겠습니다. By. 유목민 알폰스 - Alphonse

Tistory

Dart 09. 내가 만든 라이브러리 만들고 포함하기 {유목민 알폰스}

※ 외부 라이브러리뿐만 아니라 내가 직접 만든 라이브러리를 포함할 수 있습니다. 유목민 알폰스가 알려드리겠습니다. compLib.dart에 다른 dart파일들을 묶어서 제공하기 Main.dart파일에서 compLib.dart를 import 합니다. compLib.dart파일은 { comp01.dart, comp02.dart }를 포함하고 있으므로 결론적으로 compLib.dart을 import 하는 것은 { compLib.dart, { comp01.dart, comp02.dart } } 모두를 import 하는 것과 같습니다. 라이브러리 형태로 import를 하는 것입니다. Main.dart에서 compLib라이브러리 import part of 구문은 어떤 라이브러리에 포함되어 있는지 기술합니다. 여기서..

Tistory

Dart 10. DART/Flutter의 리소스 충돌이나 변수의 중복문제 해결 {유목민 알폰스}

※ DART/Flutter에서 외부의 여러 파일을 import해올 때 여러 파일에서 중복된 리소스들의 충돌문제가 있을 수 있습니다. {유목민 알폰스}가 해결에 대한 가이드를 드리겠습니다. Sub.dart파일의 내용을 살펴보겠습니다. [ Sub.dart ] String myVar = "Sub.dart변수"; String myFunction() { return "Sub.dart파일의 myFunction함수가 실행되었습니다."; } [ Main.dart ] myVar변수와 myFunction함수가 중복되었습니다. import 당하는 Sub.dart파일에도 import 하고 있는 Main.dart파일에도 동일한 이름의 리소스를 가지고 있습니다. 즉 리소스가 겹쳐있는 상태입니다. Sub.dart [ {myVar,..

Tistory

Dart 11. DART에서 private변수 선언 {유목민 알폰스}

Dart에서는 아쉽게도 따로 ( public, private, protected)와 같은 접근제어자를 제공하고 있지는 않지만 유사한 역할을 할 수 있도록 구성할 수 있습니다. Main.dart에서 Sub.dart파일을 임포트 하고 Sub.dart파일의 함수를 실행해 봅니다. [ Sub.dart ] String myPublic = "Sub.dart public 변수"; String _myPrivate = "Sub.dart private 변수"; void getSub() { print("======= 시작 - Sub.dart public ==========="); print(_myPrivate); print(_myFunction()); print("======= 종료 - Sub.dart public ====..

Tistory

DART 06. 최초실행 후 외부클래스 import하기 {유목민 알폰스}

HelloUser.dart int year = 2023; String userName = "제임스"; void sayHello() { print('hello, $userName $year 화이팅!'); } class User { int year = 2023; String userName = "제임스"; void sayHello() { print('hello, $userName $year 화이팅!'); } } Main.dart - main함수가 있는 파일이 실행파일입니다. import 'HelloUser.dart'; main() { print("========== import in (변수, 함수) ===========\n"); print("$userName"); sayHello(); print("\n===..

Tistory

DART 07. 상황별 패키지 접근 방식 {유목민 알폰스}

프로젝트/lib/testClassBin/Test.dart //testClassBin > Test class Test { void getMessage() { print("[testClassBin/Test.dart]로드완료!"); } } 프로젝트/lib/classBin/ChildTest.dart //classBin > ChildTest class ChildTest { void getMessage() { print("[classBin/ChildTest]로드완료!"); } } package접두사 package접두사로 import할때 아래 코드에서 hello_prj는 프로젝트명이 됩니다. 폴더를 자세히 관찰해 보면 lib폴더가 있지만 lib폴더의 경로는 생략하고 기입 합니다. Main.dart import 'cl..

Tistory

DART 08. import 특정 부분만 제외 특정 부분만 추가 {유목민 알폰스}

Type1 - 일반적인 방식의 import include.dart 파일 String myName = "마이네임"; class Test { Test() { print("Test클래스 생성완료!"); } } class Test2 { Test2() { print("Test2클래스 생성완료!"); } } Main.dart 파일 import 'include.dart'; main() { print(myName); Test test = new Test(); Test2 test2 = new Test2(); } Main.dart 실행화면 Type2 - 원하는 요소만 import에 포함하기 Main.dart의 import 부분을 아래와 같이 변경하면 include.dart 파일에 포함된 Test2 클래스는 사용할 수 ..

Tistory

강력한 Linux SSH 접속도구 모바엑스텀을 소개합니다. {유목민 알폰스}

아직도 PUTTY로 리눅스 접속하시나요? 강력한 접속도구 모바엑스텀을 소개합니다. { SSH, RDP, VNC, FTP } 다양한 접속을 지원하고 강력한 편의 기능을 제공합니다. MobaXterm다운로드 합니다. https://mobaxterm.mobatek.net/ GET MOBAXTERM NOW! 버튼을 클릭 합니다. { Home Edition : Free } 무료 버전을 선택합니다. 간편하게 Portable edition 무설치 버전을 선택합니다. 푸른색 버튼을 클릭합니다. 무설치 버전은 설치가 없이 압축 해제 후 클릭해서 그냥 사용하시면 됩니다. 방화벽 차단을 해제합니다. 사용할 테마를 선택합니다. 이렇게 예쁘게 접속이 됩니다. 즐거운 터미널 여행 되시길 바랍니다. By. 유목민 알폰스 - Alp..

Tistory

고화질 무료 이미지 다운로드 {유목민 알폰스}

Site1. 고화질 컨텐츠를 무료로 다운로드 가능한 픽사베이를 소개합니다. 주제별로 콘텐츠를 검색할 수 있습니다. 사진, 일러스트, 벡터, GIF 다양한 종류의 콘텐츠를 제공 합니다. 비디오, 음악, 음향효과를 다운로드할 수 있습니다. 무료로 사용자에게 콘텐츠를 제공하고 있습니다. 상용 콘텐츠에 뒤지지 않는 고퀄리티의 콘텐츠를 제공합니다. 상업적 용도의 사용에도 저작권 걱정 없이 사용할 수 있습니다. [ 픽사베이 ] https://pixabay.com/ko/ Site2. 언스플래시 https://hylu-e.hanyang.ac.kr/ko/community/tip/view/6 Site2. 펙셀 https://www.pexels.com/ko-kr/ Site3. 스플릿샤이어 https://www.splitsh..

Tistory

이클립스 최신버전 다운로드 {유목민 알폰스}

최신버전의 이클립스 다운로드 About the Eclipse Foundation | The Eclipse Foundation Java 17 + VM : java 설치 디렉터리 지정 Installation Folder : 이클립스 압축 해제할 디렉터리 지정

Tistory

제이쿼리 한방 정리 {유목민 알폰스}

제이쿼리 기초 사용법에 대한 가이드 입니다. jQuery를 사용하여 HTML 폼 필드에 접근하는 방법은 여러 가지가 있습니다. 다음은 일부 예시입니다. 추후 계속해서 덧붙여서 내용을 추가할 예정 입니다. ID를 통한 접근 jQuery에서는 CSS 선택자 문법을 사용하여 요소에 접근할 수 있습니다. HTML 요소의 ID를 사용하여 특정 폼 필드에 접근하는 것이 가장 직접적인 방법입니다. var value = $('#myInput').val(); // myInput라는 ID를 가진 요소의 값을 가져옵니다. 클래스를 통한 접근 클래스 선택자를 사용하면 동일한 클래스 이름을 공유하는 모든 요소에 접근할 수 있습니다. $('.myClass').val(); // myClass라는 클래스명을 가진 모든 요소의 값..

Tistory

1000명의 회원 목록을 데이터베이스 실습 데이터로 드립니다. {유목민 알폰스}

회원 1000명에 대한 DB 실습용 데이터를 테스트용으로 드립니다. 샘플 100명의 데이터 입니다. 자료를 다운로드 하시면 더 많은 목록들이 있고 종류는 insert문 TXT버전과 엑셀표 xls버전 입니다. ※ 이 자료는 불법적인 개인정보가 아닙니다. 무작위로 생성한 테스트 데이터입니다. REM INSERTING into EXPORT_TABLE SET DEFINE OFF; Insert into EXPORT_TABLE (MEM_ID, SUR_NAME, GIVEN_NAME, SEX, AGE, CDT, UDT) values ('MEM527','채','현우','M',82,to_date('23/07/10','RR/MM/DD'),null); Insert into EXPORT_TABLE (MEM_ID, SUR_NAM..

Tistory

DART 03. {Flutter & Dart} 윈도우앱 개발 준비 -비쥬얼 스튜디오 설치 {유목민 알폰스}

{윈도우}에서 실행하지 않고 {모바일 or 브라우져}개발만 진행할 것이라면 셋팅하지 않아도 무관합니다. 하지만 윈도우 솔루션을 개발하실 것이라면 셋팅이 필요합니다. Step1 비쥬얼스튜디오 설치확인 command 창을 열어서 "flutter doctor"를 실행했을 때 비주얼 스튜디오 설치확인 [X] 표시가 되어있다면 설치가 되지 않은 것입니다. 비주얼 스튜디오 설치를 진행합니다. Step2 visualstudio 비쥬얼스튜디오 다운로드 버전은 무료로 제공되는 Community버전을 선택해서 다운로드를 받습니다. https://visualstudio.microsoft.com/downloads/ 전체설치시 용량이 매우 무겁기 때문에 필요한 옵션만 선별적으로 설치하는 것을 권장 합니다. 필요한 항목은 체크된..

Tistory

DART 04. Error: Unable to find 에러 해결 {유목민 알폰스}

{Dart, Fluter }을 윈도우앱으로 실행할때 간헐적으로 아래와 같은 에러가 발생하는 경우가 있었습니다. Error: Unable to find git in your PATH 비주얼 스튜디오를 설치했다면 대부분 발생하지 않는 에러이지만 간헐적으로 발생하는 Error인 것 같습니다. 윈도 앱 기반으로 정상적으로 실행이 되거나 {웹, 모바일}기반의 개발만 할 것이기 때문에 윈도 앱을 실행하지 않을 것이라면 이번 과정은 생략하셔도 좋습니다. 1. VsCode 의 터미널창 또는 command창에서 System32로 이동후 $host명령을 입력합니다. PS C:\> cd Windows/System32 PS C:\Windows\System32> $host 2. Git이 설치되지 않았다면 git를 설치해 줍니다..

Tistory

DART 05. 안드로이드 스튜디오 Flutter프로젝트 생성 {유목민 알폰스}

1. [ New Flutter Project ] 클릭 합니다. 안드로이드 스튜디오를 처음 실행하면 Welcome페이지가 뜹니다. [ New Flutter Project ] 클릭 합니다. 2. Flutter 클릭 3. 설치완료 확인 플요한 정보들을 입력합니다.프로젝트명만 입력해주면 나머지 내용들은 기본으로 채워집니다.Platforms 부분은 자신이 개발할 항목만 체크해주면 됩니다. 4. 좌측 탐색기를 열어서 lib/main.dart파일 오픈 프로젝트를 생성하면 샘플로 포함되어 있는 최초 실행파일 입니다. 파일을 오픈합니다. 5. 상단의 디바이스 패널을 선택 기본으로 제공하는 [ Chrome, Edge ]둘중에 하나를 선택합니다. 추후에 [모바일, 윈도우]다른 디바이스로도 컨텐츠 발행을 하겠지만 지금은 가장..

Tistory

마리아 DB다운로드 및 설치하기 - mariadb install {유목민 알폰스}

1. 마리아 DB공식 사이트 접속합니다. MariaDB Server - All releases - MariaDB.org 안정적으로 RC버전을 선택 합니다. 2. 자신의 환경에 맞는 OS를 선택합니다. 윈도우 버전을 선택합니다. 3. 인스톨 시작 합니다. 4. root패스워드를 입력후 캐릭터셋은 utf8에 체크 합니다. 관리자 비밀번호 입력후 next > 포트설정 > 설치종료 5. 윈도우에서 최근 추가한 앱을 확인후 HeidiSQL을 실행합니다. HeidiSQL를 선택합니다. 6. HeidiSQL에서 신규 커넥션 연결합니다. 신규버튼을 클릭 후 신규커넥션을 생성합니다. 가독성을 위해 신규 커넥션의 이름 부여합니다. 7. 마리아db설치시 설정했던 root비밀번호를 입력하고 접속합니다. 8. 쿼리 실행 확인 ..

Tistory

마리아DB 기초 CRUD 예제 입니다. - MariaDB CRUD {유목민 알폰스}

마리아DB CRUD 간단 예제 마라아DB는 MYSQL의 업그레이드 버젼인 데이터베이스로서 버전이 업그레이드 되면서 더욱 개선된 부분을 제외하면 문법은 MYSQL과 동일하다고 보시면 됩니다. 1. 테이블 생성 위의 예제는 emp라는 테이블을 생성하고, 각 열과 테이블에 대한 코멘트 추가합니다. CREATE TABLE EMP ( EMPLOYEE_ID INT(10) PRIMARY KEY COMMENT '사원 ID', -- 사원 ID FIRST_NAME VARCHAR(50) COMMENT '이름', -- 이름 LAST_NAME VARCHAR(50) COMMENT '성', -- 성 HIRE_DATE DATE COMMENT '입사일', -- 입사일 SALARY DECIMAL(10, 2) COMMENT '급여' --..

Tistory

검색엔진 등록 {유목민 알폰스}

1 티스토리 관리자 모드에서 검색 플러그인 연동 { 유목민 알폰스 } 플러그인 버튼 Google Search Console 플러그인이를 자신의 자신의 구글 계정과 연동합니다. 2 Google Search Console 사이트 등록 Google 서치콘솔(Search Console)에 접속합니다. 시작하기 버튼을 클릭합니다. (Google 계정으로 로그인이 필요합니다.) URL 접두어 유형에서 URL 입력 칸에 내 사이트 도메인(URL) 주소를 입력하고, 계속 버튼을 클릭합니다 http, https. 3 단계 소유권 확인하기 1. 아임웹은 파일 업로드가 불가하기 때문에, 다른 확인 방법 항목에서 HTML 태그 를 클릭합니다. 2. 복사 버튼을 클릭해 메타태그를 복사합니다. 복사를 클릭 합니다. 이 상태에서 ..

Tistory

Git/시즌1/01 - git 설치 {유목민 알폰스}

Git은 분산 버전 관리 시스템으로, 소스 코드의 변경 이력을 추적하고 관리합니다. 개발자는 Git으로 코드 변경을 커밋하고, 이를 원격 저장소에 푸시하여 협업합니다. 브랜치를 통해 독립적인 작업 영역을 만들고, 변경 사항을 병합할 수 있습니다. 1. Git다운로드 자신의 환경에 맞는 git을 다운로드하세요. 저 같은 경우는 64-bit Git form Windows Portable. 버전을 다운로드하였습니다. Git - Downloading Package (git-scm.com) 2. Git설치 옵션은 모두 기본으로 하고 Next 반복 후 Finish까지 가시면 설치가 완료됩니다. 3. 설치완료 확인 특정 폴더 위에서 우클릭했을 때 Git 관련 메뉴가 보인다면 성공적을 설치가 완료된 것이 빈다. 완료확..

Tistory

DART 01. {Flutter & Dart} 개발 가능한 환경 준비 {유목민 알폰스}

플러터는 구글의 UI 툴킷으로, Dart 언어를 이용해 다양한 플랫폼의 앱을 개발합니다. Dart는 플러터의 핵심 로직 작성에 사용되며, 플러터는 Dart의 특징을 최대한 활용합니다. 둘은 서로 보완하며 협력하는 관계입니다. Dart와 Flutter을 모두 사용할수 있는 환경을 구성해 보겠습니다. 1. Flutter다운로드 Get the Flutter SDK https://docs.flutter.dev/get-started/install/windows Windows install How to install on Windows. docs.flutter.dev 2. 내PC - 속성 - 환경변수 - 상단의 PATH추가 D:\prj\flutter\bin 3. CMD창에서 flutter 입력해서 패스 잡혔는지 확..

Tistory

DART 02. Dart언어 소개 {유목민 알폰스}

1. 성능 다트는 Just-In-Time(JIT) 컴파일과 Ahead-Of-Time(AOT) 컴파일 모두 지원합니다. JIT 컴파일은 핫 리로드와 같은 빠른 개발 주기를 가능하게 하며, AOT 컴파일은 고성능의 네이티브 코드 생성을 가능하게 합니다. 2. 생산성 생산성: 다트의 간결하고 직관적인 문법은 코드를 읽고 작성하기 쉽게 만듭니다. 3. 객체 지향 플러터가 UI를 구축하기 위해 사용하는 방식과 매우 잘 호환됩니다. 4. 포괄적인 표준 라이브러리 포괄적인 표준 라이브러리: 네트워크, 파일 I/O 등 여러가지 기능들에 대한 포괄적인 API 제공 5. 멀티 플랫폼 지원 Dart는 다양한 플랫폼에서 동작하는 코드를 작성할 수 있는 큰 장점을 가지고 있습니다. 웹, 서버, 모바일 등 다양한 플랫폼에 대한 ..

1