2025/04 20

자바 풀 스택 4/16 하루 기록 098

9:25 학원 도착 오늘 생일이당 ㅎㅎㅎ ssh : 윈도우에서 제공해주는 시큐어쉘 명령어 계정 생성 useradd 계정이름비밀번호 부여 passwd 계정이름 -> 암호 작성하고 암호 확인(암호에는 계정명에 포함된 문자가 들어가면 안된다) cd home으로 들어가면 새로 만든 계정이름과 일치하는 폴더가 보인다. -rw-r--r-- ->권한 번호 644(파일은 보통 644로 만들어지고)drwxr-xr-x의 의미(총 9자리) -> 권한 번호 755(이진수로 표현한 형태에 대응되는 십진수로 표현)(폴더는 보통 755로만들어짐)read : 읽는거write : 편집하는거(수정 삭제 가능)execute : 실행하는 것 (실행 파일을 실행할 권한권한이 3가지 종류가 있다. 첫 세 자리는 소유자의 권한, 두번째 ..

자바 풀 스택 4/15 하루 기록 097

9:10 학원 도착 어제 했던 것 지우고 다시 설치 중개발한 jar 파일을 가상기기에 업로드 해서 실행시킬 예정인것이고 그 환경의 운영체제가 리눅스이다.로컬 환경에서 사용법을 익혀놓고 실제 가상의 기기에 업로드(아마존 서버 예정)해서 서비스 하는 법으로 연결지을 것이다.커맨드 창으로 원격 접속해서 자바도 설치, node.js도 설치해서 오롯이 리눅스의 커맨드 창에서만 GUI 없이 모든 것을 해결하는 연습을 할 것이다. 어제 네트워크 연결 설정을 안해서 로컬 컴퓨터에서 vm ware에 원격 접속을 할 수가 없었음. 윈도우에서도 리눅스 요소를 설치할 수 있으나 크게 도움이 안돼서 가상 기기에서 연습하기로 함.내 윈도우 컴퓨터에서 리눅스 환경 컴퓨터로 원격 접속하기 위해서 ip addr 을 입력해서 ip 주..

챗 지피티에게 물어본 차트 구현 방식 (for project)

react 를 사용해서 chart를 그리려고 하는데 차트의 x축이 한 없이 길어질 거 같을 때, 스크롤이나 확대 축소 같은 기능으로 표를 옆에까지 보게 하는 기능이 있어? ChatGPT의 말:React에서 차트의 x축이 매우 길어지는 경우, 스크롤이나 확대/축소 기능을 구현하는 방법은 몇 가지가 있습니다. 주로 react-chartjs-2, recharts, plotly, visx와 같은 라이브러리들을 활용하여 이런 기능을 추가할 수 있습니다.가장 일반적으로 사용하는 두 가지 방법은 스크롤 기능과 줌 기능인데, 아래에서 이를 구현할 수 있는 방법을 설명해드릴게요.1. Chart.js와 React에서 스크롤/줌 기능 구현chart.js는 chartjs-plugin-zoom 플러그인을 사용하여 줌 및 스크롤..

취소 (혼자 만들어볼 웹페이지 UI 기획 -1차 )---> 아카이빙 목적

어쩐지 UI 기획한 페이지가 안보이더라니... 다 못해서 등록을 안했었구나.... 일단 아카이빙 위해서 등록만 하고 다시 새로 시작 Spring Boot 배우면서 기획 중인데, 배우면 배울수록 스프링부트 활용해서 만드는게 더 깔끔하겠다는 생각이 든다.일단 UI랑 기능만 연결지어 생각해놓고 관련 기능을 구현할 코드 페이지는 2차 때 기획해봐야지. 페이지 종류맨처음 보이는 인덱스 페이지 : 주문 고객 입장으로 상품 목록 띄우기회원가입/로그인 페이지2갈래 : id 로그인과 세션으로 확인공방장 입장주문고객 입장 인덱스 페이지로그인/ 회원가입 페이지 user 폴더로 관리 공방장 입장 페이지 : 공방장으로 로그인 했을 때만 보임(manager 폴더로 관리)1페이지면 충분하다 생각, 탭 기능으로 전환해서 관리..

혼자 만들어볼 웹 페이지 기획 다시 처음부터

어제 멘토링 수업 듣고나서 기능 기획, 그 다음이 화면 구성인것을 알고 있었지만시나리오 정의부터 진행되는 부분이나 자세한 절차는 정확히 몰랐는데 신세계를 경험하고 다시 처음부터 기획하려고 함. 시나리오 정의 1차 완료 2025.04.15.14:28 기능 기획하려고 보니까 멍청하게 주문자 입장에서의 시나리오만 제작했어서 제작자 입장에서의 시나리오도 작성하러 감.... 곧 프로젝트 시작 시간이라 쉬는 시간에 짬짬이 해야할듯

자바 풀 스택 4/14 하루 기록 096

9:15 학원 도착 채팅방 기능 생성 중, 이번에는 채팅 버블 옆에 타임스탬프를 찍어주려고 함. 웹소켓에서 나갔다가 들어왔을 때에 이전의 메시지들도 보이는 기능 추가콘솔에 들어가서 봤을 때 Application에 local storage, session storage, extension storage, indexedDB, cookie 등의 다양한 storage가 있는데, local storage는 오브젝트로 구성된 배열을 통째로 저장할 수 없다. 문자열만 저장된다.우리는 msgs 배열 안에 있는 오브젝트들을 문자열화 해서 저장했다가 이것을 사용자가 웹 소켓에 입장했을 때 다시 배열로 만들어서 보여주는 기능을 구현해보겠다는 것.즉 JSON.stringify(배열)을 통해 문자열로 표현된 JSON문자열을..

챗 지피티에게 물어본 DBA와 권한 개발, 개발 기본 세팅 등

DBA나 개발 권한이 있는 것은 어떻게 해? 권한 부여나 계정 생성, 권한의 계층 구조가 있다면 그거에 맞게 설명해줘 ChatGPT의 말:좋아, 이거 아주 중요한 부분이야! 😊오라클 데이터베이스에서는 **"권한"**이 굉장히 체계적으로 잘 설계돼 있고,사용자(계정), 권한, 역할(Role), DBA 등으로 권한 계층 구조가 정해져 있어.🔐 오라클 권한 계층 구조 요약scss복사편집시스템 관리자 (SYS, SYSTEM) └── DBA (모든 권한 보유, 슈퍼유저) └── 개발자 (개별 객체 생성/변경 권한) └── 일반 사용자 (제한된 권한) 🧱 기본 개념 정리용어설명사용자 (USER)오라클에 로그인할 수 있는 계정 (ex: SCOTT, HR)권한 (Privilege)어떤 작업을 할 수 있는지 허용 ..

챗지피티에게 물어본 오라클에서 함수 만드는 방법

오라클에서 함수를 만들고 사용할 수가 있어? ChatGPT의 말:오, 물론이지! 🙌오라클에서는 함수를 만들어서 재사용 가능한 SQL 로직을 만들 수 있어. 예를 들어 코드 생성, 계산, 포맷팅 등등 다양한 작업을 함수로 처리할 수 있어.✅ 오라클에서 함수 만드는 기본 구조sql복사편집CREATE OR REPLACE FUNCTION 함수이름 (매개변수들) RETURN 반환타입 IS -- 변수 선언 BEGIN -- 로직 RETURN 값; END; 🔧 예제: SALE 코드 생성용 함수 만들기앞에서 만든 트리거 대신, 이런 함수로 대체할 수 있어:📦 함수 예시: generate_sale_code()sql복사편집CREATE OR REPLACE FUNCTION generate_sale_code RETURN V..

챗 지피티에게 물어본 오라클 Sequence 생성 의미 부여 자동화

오라클에서 Sequence를 특정 형식으로 부여하고 싶을 때는 어떻게 생성해? 예를 들어 매출이란 코드라는 표시를 하고 싶어서 SALE이라고 입력하고 싶고, 00000부터 시작해서 1씩 증가하면 좋겠고, 101번 증가하면 SALE00100 이런식으로 작성되면 좋겠어 ChatGPT의 말:오라클에서 Sequence는 숫자만 생성할 수 있기 때문에, 직접 "SALE00001", "SALE00002" 같은 형식으로 문자열을 포함한 값을 만들려면 Sequence + 문자열 포맷팅을 함께 사용해야 해.🔧 구현 아이디어Sequence는 숫자만 생성문자열 포맷은 SQL에서 처리✅ 1단계: Sequence 생성sql복사편집CREATE SEQUENCE sale_seq START WITH 1 INCREMENT BY 1 N..

카테고리 없음 2025.04.14

자바 풀 스택 4/12 하루 기록 095(멘토링)

9:07 학원 도착 현업 멘토 선생님 오셔서 일단 강의 듣는 형태로 진행되고 있다.1. 선생님 소개 : 개인 경력2. 선생님 계신 회사의 프로젝트 개요3. 수강생들 이력 간략 조사4. 프로젝트에 대하여(전반적인 프로젝트 관련 개념)5. 우리가 중간 프로젝트 때 했던것에 대한 피드백(로그인 페이지는 ID, PW만, 타겟이 명확해야 한다)6.프로젝트 진행할 때의 순서가 중요하다(아래쪽에 별도 정리)7. 현업에서의 생태계와 기술8. 직장생활, 사회생활 팁프로젝트의 순서1. 개발 환경 정의 및 구축2. 시나리오 정의3. 기능정의4. WBS 작성5. 기획서 작성6.DB 스키마 정의7. 백엔드8. 디자인_퍼블리싱 &프론트엔드9. 개발 테스트  ☆ 조심스러운 조언 : 킥이 중요하다(ex.그냥 주소록 만들었어요와 AI..