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 파일...