전체 글 200

5월 결산

https://www.youtube.com/watch?v=RbU8Dp6Cqzk 다사다난했던 5월이 지나갔다. 어느덧 2주만 지나면 종강이라니, 시간이 빠르다는게 다시 한번 느껴진다. 개강한지 얼마 되지도 않은 것 같은데말야 연합뉴스감성글로5월결산시작 프로젝트https://github.com/0yeonnnn0 0yeonnnn0 - OverviewSeoul, Korea. 0yeonnnn0 has 13 repositories available. Follow their code on GitHub.github.com오늘은 그동안 내가 했던 프로젝트를 정리해봤다. 작년 여름방학 2달간 각종 인강들을 들으며 프로젝트를 시작했는데, 1년도 채 지나지 않아 6개의 프로젝트를 끝내고 7개째 진행중..(객지분 수업 관련 프..

postgreSQL 스키마 생성 + Table 생성 + 데이터 집어넣기

스키마란?https://www.hedleyonline.com/ko/blog/%EC%8A%A4%ED%82%A4%EB%A7%88/자료의 구조나 표현방법, 자료간의 관계를 형식 언어로 정의한 구조라고 한다.안에 DB 테이블, 뷰, 함수 등이 있는 '폴더'라고 생각하면 쉽게 이해할 수 있을 것 같다.스키마를 사용하면 테이블이나 다른 데이터베이스 객체를 분리하여 관리할 수 있으며, 스키마를 통해 각 객체들이 어디에 속하는지 명확하게 구분할 수 있어 데이터베이스의 관리와 유지보수를 용이하게 만들어준다. - 코드(Script)create schema if not exists user_schema; 유저들의 정보를 저장할 "user_schema"를 만들 예정이라 이렇게 작성 Schemas에 커서를 올려두고 새로고침을..

코딩/SQL 2024.05.15

postgreSQL +DBeaver 연동

postgreSQL 설치1. 설치 및 버전 확인brew install postgresqlpostgres -V 2. 실행brew services start postgresql 3. 로그인로그인 및 DB 생성* postgresql 프로그램 내 모든 명령어에는 ;를 붙여야 한다!  붙이지 않으면 인식하지 못함. 1. 로그인psql postgres 2. 유저 생성CREATE ROLE user1 LOGIN CREATEDB PASSWORD '1111';이처럼 'CREATE ROLE'이 나와야 성공 3. DB 생성CREATE DATABASE iceboxdb OWNER user1; 현재 상태 확인1. 전체 유저 확인/du2. 전체 DB 확인\l  DBeaver 연결1. DBeaver 설치 및 실행https://dbea..

코딩/SQL 2024.05.15

EC2에 내 프로젝트 연결하기

어찌저찌 블로그 보면서 처음으로 EC2에 내 프로젝트를 띄운 감격을 느낀지 하루도 지나지 않아.. 인스턴스 종료와 중지의 차이를 몰랐던 나는 ssh 연결이 잘 안된다고 인스턴스를 종료해버리고만다.. (대충 비유하면 인스턴스 중지 = 컴퓨터 종료, 인스턴스 종료 = 컴퓨터 제거) 전날에 다양한 블로그와 친구들의 도움을 받아 성공했으니 그 과정을 생각나는대로 따라가면서 블로그에 정리해보기로 한다. EC2 생성 (난 우분투로 했음)링크 보고 따라하세요 [배포] AWS를 통한 배포 방법 알아보기(인스턴스 생성과 연결)안녕하세요😎 백엔드 개발자 제임스입니다 :) 이번 포스팅에서는 AWS를 통한 배포하는 방법을 정리하려고 합니다. AWS는 Amazon에서 제공하는 클라우드 서비스입니다. 우리는 다양한 방법으로 애..

코딩 2024.05.13

[간단오류] OpenAI API - content: 'undefined' 나오는 이유

웹클라이언트 컴퓨팅 과제 프로젝트를 하던 도중 생긴 문제 해결 과정이다. 문제사진은 GPT의 대답.요청을 보내는데 대답을 안해준다! 해결위 코드 복붙해서 재사용한거라 content에 codeName이 없어서 오류가 난 것..바보 이 오류가 뜬 이후 chatGPT에게 코드 간소화 요청을 보냈더니async function useOpenAI(content, key) { try { if (key === "n2f") { const completion = await openai.chat.completions.create({ messages: [ { role: "system", // ChatGPT에게 어떻게 행동을 할지 지정 con..

코딩 2024.05.11

이미 올린 commit 수정하기

Name2Func.. Func2Name.. 헷갈린다ㅋㅋ 아니 글쎄 push 마치자마자 불현듯 든 생각이 내가 이상하게 써서 올린게 아닌가?.. 오늘 난 Name2Func의 기능을 모두 만들었는데, commit은 Func2Name으로 올려버렸다. 어차피 혼자 하는 프로젝트라 그냥 퉁쳐도 되지만.. 그래도 기분이 좋지 않잖아요? 그래서 여기 깃허브에 나온 내용을 찾아 정리해 보았다. https://docs.github.com/ko/pull-requests/committing-changes-to-your-project/creating-and-editing-commits/changing-a-commit-message#commit-has-not-been-pushed-online 커밋 메시지 변경 - GitHub ..

코딩 2024.04.05

.gitignore 적용이 안될 때

평소처럼 git push를 하려고 하는데 오류가 났다. 바로 들어가서는 안될 .env파일이 github에 올라갈 뻔 했던 것. .gitignore를 확인해봤는데 파일에 .env는 그대로 있었다. 그래서 //commit한 로그 기록 확인 git log //맨 위에 있는 commit 삭제 git reset HEAD^ 를 통해 상위 commit을 삭제하였다. Chat GPT에게 물어본 결과 git의 cache때문에 일어난 문제라고 답해줬다. 그래서 아래 명령어를 통해 캐시를 제거해주고, 다시 add, commit 후 push 해주니 .gitignore가 정상적으로 작동되었다. //git 캐시를 삭제하는 명령어 git rm -r --cached . 참 별의별 오류 많아~

코딩 2024.04.05

React + Express(ES6)로 프로젝트 시작하기

남들은 React + Node.JS + Express라고 많이 하던데 리액트쓰는데 노드가 없을 수가 있나?싶어서 그냥 일케 제목 지었음 설치 설치한지 한참 돼서 뭔가 설치 안되면 구글이나 ChatGPT에 물어보세요,,미안 시작 npx create-react-app 프로젝트명 프로젝트명에 써진 이름대로 폴더가 만들어지니 괜찮은 단어 위주로 쓰면 좋을듯 난 blog cyblog code-kookmin 등 이런식으로 했었음 더 좋은아이디어 있으면 알려주세요 저 명령어 치고 나면 알아서 설치가 된다. 똑똑한 친구들 Happy hacking! 그럼 이와 같이 practice2 폴더 안에 blog라는 리액트 프로젝트 폴더가 전부 세팅되어있는 걸 볼 수 있다. 그리고 뭔가 하기 이전에 '위에서 만든 프로젝트 폴더 안..

코딩 2024.03.22

npm WARN deprecated tar@2.2.2 에러

여느 때와 같이 React를 사용한 프로젝트를 하기 위해 설치를 하고자 npm install -g create-react-app 명령어를 친 나는.. 새로운 에러를 발견하게 되었다. 처음 보는 에러라 ChatGPT에게 물어보았다. 라고 한다, 일단 제공해준 명령어를 쳐보니 뭔가 설치가 되었다. https://stackoverflow.com/questions/68857411/npm-warn-deprecated-tar2-2-2-this-version-of-tar-is-no-longer-supported-and-w npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updat..

코딩/프로젝트 2024.03.21

카테고리 분류하는 사이드바 만들어보기

미리보기(코드) function CommunitySidebar() { return ( {category?.map((value, i) => { return ( {value.name} { value.sub?.map((subvalue, index) => { return ( - {subvalue.name} ) }) } ) }) } ) } export default CommunitySidebar; 미리보기(사진) 목적 커뮤니티 기능의 사이드바를 제작한 내용이다. 커뮤니티를 제작하다보니 글들에 카테고리를 걸어두어 같은 카테고리끼리 묶어두는 기능이 필요했는데, 사이드바를 통해 해결하고자 하였다. 필요한 기능 , , , 4개의 큰 카테고리 안에는 각각 작은 카테고리가 있다. 큰 카테고리의 이름을 누르면 그 안의 글들을..

728x90