nenji Programming

연초부터 사업부서 조정이 있어 글을 이어쓰지를 못했네요. 오늘은 요즘 이슈로 뜨는 ChatGPT 이야기를 적어볼까 합니다. "ChatGPT" 신문에도 연일 나오고 이제 모르는 사람들은 없을정도로 유명하지요. GPT-3기반의 ChatGPT가 나오고 앞으로 세상이 확 변할것처럼 보이는데... The GPT-3 hype is way too much. It's impressive (thanks for the nice compliments!) but it still has serious weaknesses and sometimes makes very silly mistakes. AI is going to change the world, but GPT-3 is just a very early glimpse. We have a lot still to figure out. GPT-3은 너무 과대평가되었습니다. 여러 칭찬은 감사하지만, 여전히 약점이 있고 이상한 실수를 하기도 합니다. AI가 세상을 바꿀 것이지만 GPT-3가 그 첫발을 내딛은 것뿐이라 생각합니다. 여전히 알아낼 게 많아요. OpenAI  대표 샘 알트만 이분은 GPT-3를 이렇게 평가했네요 😆😆 너무 궁금해서 저도 사용해보았습니다. 역시 무료버전은 접속이 힘들고 이메일을 입력하면 대기 끝나면 알려준다 하는군요. 꿀팁1 : 이럴땐 F5를 막 누르시면 대기시간 없이 나옵니다. 무료는 질문하고 답이 느리고 심지어 끊기는 경우도 있더군요 크흑 😭😭 꿀팁2 : 이럴땐 다음 질문에 "끊긴 답변 이후 내용 말해줘"라고 치면 이어서 나옵니다. 이래저래 꿀팁으로 연명하는 것보다 20$를 내는것이 좋다 생각해서 결제를 하였습니다. 확실히 자본주의의 승리자가 된 느낌이었습니다. 찌라시 아닙니다.  😆😆 개발자 입장에서도 ChatGPT는 보기보다 유용하다고 느낍니다. "ChatGPT의 답은 반은 맞고 반은 틀리다" 가 제가 내린 결론입니다. 무엇을 물어봐도 ...

사이트맵 작성하기  저번글에서 페이지 연결하는 방법에 대해 잠깐 보았습니다. 이번 글에서는 사이트맵을 구성해보고 헤더 코드를 넣어 작동이 잘되는지 확인하겠습니다. 작업 내용 사이트맵 구성 사이트맵 연결  모든 작업은 vscode에서 실행합니다. vscode에서  Control + `  를 누르고 터미널이 실행된 상태로  #npm start  를 입력하여 브라우저에 실행시킵니다. 1. 사이트맵 구성 간단하게 솔루션을 온라인으로 제공하는 회사를 예로 작성해 보았습니다. 메뉴 1개당 1개의 페이지로 구성을 하고 페이지 안에는 1개 또는 여러개의 섹션으로 구성이 되어집니다. 사업소개 솔루션 가격 회사소개 회사소개 연혁 핵심가치 문의하기 헤더 메뉴에서 최상위(Level 1)의 메뉴(사업소개,회사소개)는 드롭다운 형태로 클릭하면 하위(Level 2)의 메뉴(솔루션, 가격 등)가 표시되게 구성을 합니다. 실제 페이지가 필요한 메뉴는 하위(Level 2)의 메뉴들입니다. 2. 사이트맵 연결 사이트맵 구성과 같이 코드를 작성하는 방법과 순서입니다. views 폴더의 페이지 폴더/파일 생성 index.js 파일의 페이지 연결 코드 추가 components/Header 폴더의 HeaderLinks.js 파일의 메뉴 코드 추가      실습하기 views 폴더의 페이지 폴더/파일 생성 index.js 파일의 페이지 연결 코드 추가          연두 : import의 component명과 Switch테그의 component 명을 동일하게 작성합니다.           파랑 : 위에서 실제 폴더/파일을 생성한 위치를 작성합니다.          빨강 : url에 표시되는 이름입니다. (ex http://www.xxxx.com/이름) HeaderLinks.js 파일...

Template Code 살펴보기  React 개발 환경 구성  01 / 02 를 통하여 형상관리 툴을 이용하여 개발할 수 있는 환경을 구축하였습니다. 템플릿의 첫 페이지를 보았고 정상 작동하는것을 확인 하였습니다. 코드는 메뉴들과 페이지들이 어떻게 구성 되어 있고 어느 부분을 수정하는지를 살펴볼 것입니다. API를 통하여 통신하는 방법과 MariaDB에 직접 접속하여 핸들링을 하는 방법도 살펴봅니다. MariaDB는 WSL MariaDB 서버 환경 구성  01 / 02 에서 구성한 환경을 이용하여 테스트를 하겠습니다. 작업 내용 로고 변경 페이지 연결 API 통신 DB 핸들링  모든 작업은 vscode에서 실행합니다. vscode에서  Control + `  를 누르고 터미널이 실행된 상태로  #npm start  를 입력하여 브라우저에 실행시킵니다. 1. 로고 변경 vscode를 이용하여 왼쪽 위의 로고를 변경하도록 하겠습니다. Command+Shift+F 또는 왼쪽의 돋보기 버튼을 누르면 찾을 문자와 변경 문자를 넣을 수 있는 공간이 나옵니다. 여기서 찾을 문자는 brand="Material Kit React" 변경 문자는 brand="LINGSSOFT" 로 입력 후 전체 변경을 누릅니다. 실시간으로 로고 네임이 변경된것을 확인할 수 있습니다. 로고는 원하는 문자를 넣어주세요. 2. 페이지 연결 explorer window 의 views폴더와 index.js 파일에 작업을 하게 됩니다. 페이지는 페이지와 섹션으로 구성이 됩니다. 페이지를 연결하는 순서 views 폴더에 새로운 폴더와 작업 파일을 만듭니다. index.js 파일의 page를 import를 합니다. <Switch> 태그안에 import한 page 이름을 넣습니다. 3. API 통신 DB편 작성 시 내용 추가 예정 4. DB 핸들링 DB편 작성 시 내용 추가 예정  여기까지 템플릿 코드 살펴보기 ...

1.ubuntu 일반상식  ubuntu는 매년 2회 4월과 10월에 업데이트가 됩니다. [해당년도.월] 로 구분하며 22년 4월에 업데이트가 되면 ubunty 22.04 가 되는 식이지요.  명령어 중에 su라는 명령어가 있습니다.  #su root  #su - root   su S witching U ser 유저를 바꾼다 - 는 무엇이 다를까요?  기본적으로 리눅스는 로그인이 되면 권한에 따라 루트/홈 디렉토리로 이동합니다.  #pwd 를 입력하면 현재 위치를 확인할 수 있고 - 붙이고 빼고 확인을 하시면 됩니다.  -는 디렉토리와 환경 파일까지 바꿔서 사용자 변경을 하는것으로 -가 없으면 계정만 바뀌게 됩니다.  su root 로 바꾸고 작업하다 환경 안맞아서 다시 작업할 수 있으니 반드시 기억하시길 바랍니다.   sudo 는 무엇일까요? sudo 에 su 는 Switching User가 아니구 Super User 의 약자입니다.  최고 유저로 [do] 실행하라는 의미지요. 권한을 바꾸지 않고 루트 권한으로 실행할때 사용합니다.  명령어도 사용할때 차이를 알고 사용하면 더욱 재미있어집니다.  root/home 디렉토리에는 환경 파일들이 숨겨져 있습니다.  #ls -al 을 입력하면 .xxxx으로 시작되는 파일이 환경 파일입니다.   ** pwd는 Parent working directory 약자임 2.ubuntu  시스템 개발 초기 세팅 패키지 설치 툴 업데이트  처음 1회만 실시합니다!!  #sudo apt update  #sudo apt upgrade  #sudo apt autoremove  #sudo apt-get update  #sudo apt-get dist-upgrade  # sudo apt-get autoremove vim 설치 ...

  설정순서 ubuntu 초기 설정 mariaDB 기본 설정 mariaDB 외부 접속 설정  저번글은 wsl, ubuntu 18.04, mariaDB, heidiSQL 설치에 관하여 다루었고 이번글에서는 설치한 프로그램으로 작업환경 구성하는 방법을 설명하도록 하겠습니다. 👌 1. ubuntu 초기 설정 root 비밀번호 설정  wsl을 설치하고 최초 접속을 하면 자동으로 사용자 계정으로 접속이 됩니다. 관리자(root) 비밀번호를 설정합니다. 중요한것은 다들 아시죠? 방법은 아래 두가지 방식이 있습니다. 윈도우 터미널 : wsl -u root 우분투 터미널 : #sudo passwd root 네트워크 설정 네트워크 이름과 ip를 확인하는 방법을 알아봅니다. 확인해본 결과 Static IP를 사용하기 위해 네트워크 yaml 파일을 추가하여도 재부팅이 되면 설정값이 날라갑니다. 확인이 되기 전에는 Static에 관련된 설정은 안하도록 하겠습니다.  브릿지 모드와 포트포워딩 방법은 추후 시간이 되면 설명하도록 하겠습니다.   네트워크 확인 WSL 접속 전 이더넷 이름 및 IP 확인 C:\>wsl ifconfig WSL 접속 후 이더넷 이름 및 IP 확인 #ifconfig   ** 브릿지 : hyper-v 어댑터 설정하는 방법(추후)   ** 포트포워딩 : wsl2를 이용하여 설정하는 방법(추후) 언어 설정  설치 시 선택한 언어 외 다른 언어를 사용하기 위하여 언어 패키지를 설치하여 변경하는 방법입니다. wsl은 기본 영문에 utf-8인코딩을 사용합니다. 한국어팩을 설치해 보고 적용합니다. 언어 확인 :  #locale 언어 설정 파일 위치 :  /etc/default/locale 한글 패키지 설치 및 적용 : #sudo apt-get install language-pack-ko #sudo apt-get install fonts-unfonts-core fonts-...

필요 준비물 H/W : Surface PRO 7, Internet S/W : Windows 11, wsl2, ubuntu 18.04, command, mariaDB, heidisql, apt 설치순서 Linux Server : wsl2, ubuntu 18.04 설치 DB Server : apt update, maria DB 설치 DB 접속툴 : DB connect Tool 설치  DB서버 설치는 Windows 11 Home의 wsl2를 이용하여 ubuntu 18.04를 설치합니다. ubuntu 18.04에 DB Server를 설치합니다. Windows의 DB접속 프로그램(heidisql)을 이용하여 외부 접속 확인을 합니다. Windows 10 버전에서 사용하신다면 업데이트를 최신으로 하시기 바랍니다.  윈도우즈 터미널은 스토어에서 Windows Terminal로 검색하여 보시고 마음에 드시면 다운받아서 사용하시기 바랍니다. 여기서는 커맨드(command)를 실행하여 사용합니다. 👌 1. Linux Server 설치  커맨드 창에서 명령어를 입력합니다. 실행 [ Windows+R -> cmd ] WSL2 설치 wsl --install  입력하여 설치 후 윈도우 재시동 wsl --update  설치가 안되었을 경우 다시 설치합니다. WSL2 확인 wsl --set-default-version 2  입력 wsl -l -v  입력하여 설치된 파일 확인(목록이 나오지 않는 것이 정상) ubuntu 설치 wsl -l -o  입력하여 온라인 스토어를 통해서 받을수 있는 목록 확인 wsl --install -d Ubuntu-18.04  입력하여 설치 wsl -l -v  입력하여 설치된 파일 확인 계정과 비번을 설정하여 접속을 해본다.(잊어버리면 안됨!!) 💥💥 ubuntu 확인 wsl -l -v 를입력하여 설치된 파일 확인(ubuntu 18.04가 나오는 것이 정상)...

설정순서 형상관리툴 설정 개발툴 설정 선행 분석 소스 설정  저번글은 프로그램 설치에 관하여 다루었고 이번글에서는 설치한 프로그램으로 작업환경 구성하는 방법을 설명하도록 하겠습니다. 👌 1. 형상관리툴 설정 Bitbucket 설정  프로젝트 이슈/히스토리 관리를 하고 싶은 경우 여러 협업도구가 있겠지만 여기서는 Atlassian의 협업 도구를 이용하도록 하겠습니다.  Atlassian의 Jira, Confluence, Bitbucket 에 대하여 설정을하고 Sourcetree를 사용합니다.  혼자 작업을 하는 경우 Jira와 Confluence는 사용하지 않고 소스 관리를 할 수 있는 Bitbucket만 이용하도록 합니다.  차후 작업을 진행하며 Jira와 Confluence에 대하여 설명드리겠습니다.  우선 개인 이메일로 Atlassian에 가입을 합니다. 저는 구글 메일로 가입을 하였습니다.  가입을 하면 Jira, Confluence, Bitbucket 통합하여 사용을 할 수 있습니다.  Bitbucket으로 들어가서 Create Repository를 누르고 private로 빈 레파지토리 를 만듭니다.  레파지토리에 파일을 하나 추가합니다. [ .gitignore ] 안에 내용은 아래의 코드를 복붙합니다. ----------------------------------------------------------- # These are some examples of commonly ignored file patterns . # You should customize this list as applicable to your project . # Learn more about . gitignore : # https : //www.atlassian.com/git/tutorials/saving-changes/gitignore # Log ...