프롬프트 AI&OpenAPI&공공데이터를 활용한 웹앱개발자 양성 과정

이하 사이트 가입.google.comgithub.com codepen.io (원래 프론트 엔드 관련 실행 툴이지만, 마크다운을 활용하여 메모처럼 사용할 수있다.)replit.com (java나 c등 실행환경을 웹에 조성해놓았다.)programmers.co.kredu

1) a에 5의 값이 할당됨2) b에 10의 값이 할당됨3) a에 10의 값이 할당됨4) b에 10의 값이 할당됨a와 b의 값을 스왑하려면 아래 같이 변수를 추가해줘야 정상적으로 스왑된다.tmp에 5의 값이 할당됨a에 10의 값이 할당됨b에 5의 값(tmp의 값)이 할

while 문while(Condition Check){}Condition Check가 참인 동안 실행된다.for 문for(초기화; 종료조건; step){}초기화된 변수가 종료조건을 충족시킬 때까지 반복한다.변수 값은 반복 실행 될 때마다 step에서 정한 증감치 만큼

상기 코드를 보고 느낀점반드시 코드에 대한 초기 값, 종료조건, step등을 for문 안에 적어야 하는 것은 아니다.극단적인 예시로 for(;;)같이 작성해도 코드 실행은 된다.종료 조건은 반드시 대소 관계를 적어야 하는 것은 아니다. 0이 아닌 동안 같은 조건도 가능

클래스클래스는 객체의 상태를 나타내는 필드(field)와 객체의 행동을 나타내는 메소드(method)로 구성된다.인스턴스(객체)설계도에 따라 실제로 힙영역에 메모리공간을 할당한 것이다."Instance"는 라틴어 "instantia"에서 유래되었으며, "실체화된 것"이

함수가 끝난 자리에 뭐가 남는가? return 타입이 정함 선언한 리턴 타입과 리턴할 값의 타입은 일치해야 한다. 메소드가 호출된 위치에서 결과값을 담아줄 변수의 타입도 메소드의 리턴타입과 일치해야 한다.

1. 상속 아래 코드에서 Rabit은 부모클래스인 Animal을 extends 키워드를 통해 상속하고 있다. 부모 클래스를 상속 받으면 아래 그림처럼 자식은 부모가 가지고있는 메소드를 따로 정의하지 않아도 사용할 수 있게된다. 또한 아래처럼 부모에게 물려받은 메소

stram 그림저장

List는 순서가 있는 자료를 순서대로 넣고 빼기는 편하다.하지만 특정한 조건의 데이터를 뽑아 쓰기는 힘들다. (자동 채번되는 index값 말고 객체의 유니크한 키값으로 데이터를 가져오고 싶어도, 반복문으로 대상 데이터를 조회하는 수밖에 없다.)이럴때 유용한 자료구조가

리펙토링의 이유.보통 개발과 운영은 별도 회사에서 함.운영 팀 내에서도 인사 변경은 계속 이루어짐.서비스가 10년 넘게 지속 될 때, 운영팀이 10년전 개발한 내 코드를 보고 유지보수 할 수 있을까?좋은 리펙토링의 방향성통신 채널의 개수는 적을 수록 좋다. -> 객체

Ctrl + H : 검색Alt+SHift+S : 소스 자동생성 관련 기능들Alt+Shift+T : 리펙토링 관련 기능들응집도(Cohesion)모듈 내부의 요소들이 얼마나 밀접하게 관련되어있는가를 나타낸다. 응집도는 높을 수록 좋다.결합도(Coupling)모듈간의 상호

Java에서 변수에 저장되는 데이터는 RAM에 저장된다.RAM은 휘발성이라 어플리케이션을 종료하면 모든 데이터가 사라진다.그렇기 때문에 DB는 비휘발성인 디스크(하드 디스크 또는 SSD)에 데이터를 저장한다.정의: 데이터를 교환하기 위한 경량의 데이터 형식객체(Obje

가끔 메소드에서 로직을 처리하다가, 매개변수등의 문제로 로직을 처리할 수 없는 상황임을 명시적으로 호출한 곳에 알려야 할 때가 있다.그럴때는 throw new 키워드를 통해 Exception 객체를 생성하여 호출한 곳으로 던질 수 있다.특히 Java에서 예외상황으로 판

1. 과제 및 해결과정 최소한의 수정으로 조건 만족시키 과제. 기존코드를 수정하여 아래 테스트 케이스를 만족시킬것 @Test @DisplayName("100 + (10 + 5) == 25") void t25() { assertThat(Calc.run

지식은 적게, 지혜는 많게적게 배우고, 많이 활용 할 것공학은 예술이 아니다.완벽주의 추구할 필요 x개발 == 자전거타기많이 넘어져 볼 것내가 모르는 무언가가 있고 그것때문에 나는 지금 구현 못하는 중이라고 생각하지 말 것GMT(Greenwich Mean Time)는

1. 과제 및 구현 과제. crud중 delete 기능의 구현 구현 코드 코드 설명 ①커멘드로 부터 id 분리하는 로직은, 조회 로직에도 있는 공통 로직이므로 분리하여 메소드화 ②스트림 기능 활용하여 id 조회 및 null방지를 위해 optional로 로직 처리

자바스크립트 실행기① 2xx(Successful)요청이 정상적으로 처리된 경우 사용② 3xx(Redirection) 요청 완료하려면 추가 행동이 필요③ 4xx(Client Error) 클라이언트의 잘못된 요청, 잘못된 데이터.④ 5xx(Server Error)서버 오류

xampp 설치 X (Cross-platform): 여러 플랫폼에서 실행 가능하다는 것을 나타냅니다. A (Apache): 웹 서버를 의미합니다. Apache는 가장 널리 사용되는 오픈 소스 웹 서버 중 하나입니다. M (MySQL): 데이터베이스 관리 시스템으로 My

생각한것. 선생님이 not null 제약을 넣어주면 null을 못넣는댔는데 평범하게 insert 시 해당 칼럼을 정의하지 않았는데 값이 들어갔다. 상당히 위화감이 느껴져 찾아보니 아래 제약조건이 풀려 있을 가능성이 있다고 한다. SET sqlmode = 'STRIC

방향성을 조금 수정해 보기로 했다.나름 스프링이나 js에 대해서는 공부 목표가 있어서 완전히 의견을 굽히진 않았지만, 적어도 복습 없이 개인 공부 100으로 돌리던 방향성은 조금 수정하는게 좋다고 생각했다.① 일단 멘탈및 긍정정 사고를 위해 운동시간을 조금씩이라도 확보

mysql 제약조건 NOT NULL UNIQUE PRIMARY KEY -> NOT NULL에 UNIQUE 포함됨 FOREIGN KEY DEFAULT 엘리어싱 별명 inner join outer noin join 시 on안붙이면 모든 경우의수를 join해버린다. 4.

셀프조인 count(null이 포함된 필드) null을 제외하고 카운트됨 mysql 대소문자 구분은 따로 설정이 있을거같다. 시간나면 찾아보자 t가 대문자든 소ㄴ문자든 검색됨 SELECT EMPNO, ENAME FROM emp WHERE ENAME LIKE 'T%'

패스워드는 암호화되서 저장한다. 복호화 -> 암호화 SHA2? 시큐어 캐시 알고리즘 비밀번호 암호화 기술 알아보자. UUID() 테스트 데이터 짜기 쉬움. 자기 자신을 서브쿼리로 데이터 박아넣기 (2배씩 증가). SHA2() 자신의 row수를 기준으록 기하급수적 테

1.정규화 제 1 정규화 |정규화|설명|그림| |---|---|---| |1정규형|하나의 속성에는 하나의 값만|| |2정규형|일반속성은 반드시 '모든 주 식별자'에 종속되어야 한다. 기본 키가 아닌 모든 값은 기본키에 완전히 종속될 것| | |3정규형|주식별자가 아닌

1.노력 방향성 대전에서 실시하는 컨퍼런스나 자바 스프링 온라인 컨퍼런스등 있으면 참여하고 벨로그에 적자. 어떤 사람하고 일하고 싶을지 생각하고 개선하자. 주의) 2번 요소는 잘못 하면 부정적인 생각으로 귀결될 수 있다. 생각의 방향성을 조급하게 잡지 말고 긍정적으로

... 시리즈 순서 조절하다 글이 날아갔다.

팁 Lorem*100 글자 채우기 사이드바v1 단점. 스크롤 내리면 뒤쳐진다. height: 100% position: absolute; top:0 left:0 사이드바v2 height: 100% position: pixed; top:0 left:0 hr -> 수

1. js style vs inline style vs css style 우선순위 js style > inline style > css style 2. 제이쿼리 가져오는 법 3. 제이쿼리 몇몇 사용법 |js|jquery| |---|---| |document.get

출처: https://stackoverflow.com/questions/14731049/visibilityhidden-vs-displaynone-vs-opacity0화면상에 칠해지지 않는다는 점에선 동일하나, opacity나 visibility는 레이아웃 안에

Ctrl+u 페이지 소스 보기 jsp로 요청을 한번 더해라 (응답x)request.getRequestDispatcher("jsp/home/printDan.jsp").forward(request, response); 경로가 꼬였다. 왜? 상대경로다보니 home/jsp

totalPage totalCnt currentPage 반성점 선생님은 class를 이용해 다음과 같이 깔끔하게 표현했다. jsp가 좀 많이 html 문서를 더럽히는 만큼 아래방식이 더 좋아보인다. class= 과제 db에 insert 되도록 왕도대로 구현해봤다

지금 강사님이 자주 하시는 말 중에 너무 많이 알면 안좋다는 말이 있다. 이 말을 곧이 곧대로 해석하기 보다, '너무 많이 알면 생각하는 훈련을 하기 어렵다'고 해석하는게 더 맞을 것이다. 그러니 최소한 알고리즘에 한해서는 계속해서 글로 풀고 생각하는 훈련을 해야한다.

임시글 정리하다 학원에서 정리한 내용 날려버렸다.그렇기에 간단히 과제 구현 위주로 기록 남긴다.세션을 이용한 로그인 구현 방식을 사용했는데,이 참에 세션과 쿠키에 대한 내용을 따로 정리해서 벨로그했다.아래 링크 참조 바람세션과 쿠키에 대해서어디에서 로그인을 제어해주지?

1. include jspf 로 jsp 블록을 만들고 include를 통해서 불러옴. 화면에서 공통적으로 사용되는 topbar등의 요소는 따로 만들어서 include 하는 편이 좋다. (로그인 여부등) Todo 멤버까지 전부 MVC패턴 적용 o jsp 블록 이용한

1. 과제 및 고민과 구현 과제: 스프링으로 게시글 삭제 수정 기능 구현. 개인적 고민: 그 동안 Optional을 애용해 게시글 여부 판별했는데, 단순히 옵셔널.empty()로 확인하고있어 이래서야 null체크와 다를바 없다는 생각이 들었다. 이번에 ifPresen

코멘트 보는 법 SHOW FULL COLUMNS FROM member ON DELETE CASECADE ON UPDATE CASECADE 과제 아이디 중복체크 및 null 체크 나의 고민 1. null체크를 하나하나 if문으로 돌리려니 뭔가 중복 작업이 장난 아

1. 코드에 대한 고민 1 현재 코드는 ResultData 객체 하나로, 메시지, 메시지 코드와 최종적인 반환타입까지 서비스 계층과 컨트롤러 뷰 사이에서 주고 받고있다. 개인적으로는 반환타입이 서비스계층에 섞이니 약간 계층 구분이 불분명해진다는 인상을 받았다. 어떻게

1. 해결법은 항상 같을 수 없다. 2.세리프와 sans 차이 3. 자주쓰이는 폰트 Noto Sans KR webfont) 적용 4. defer 5. 공통요소 분리 가능. 만약 달라지는 부분이 있다면, c:set 기능 이용해서 변수에 타이틀 담아서 공용 jspf

1. daisyui 데이지UI 데이지UI(DaisyUI)는 Tailwind CSS를 기반으로 한 UI 컴포넌트 라이브러리 2.npm npm node package management JavaScript 프로그래밍 언어를 위한 패키지 관리자 3. Todo과제에 대한

1. 페이지네이션 관련 실수 기록 페이지네이션 공식을 적었는데 문제가 하나 생겼다. LIMIT 명령어를 통해 firstItemIndex부터 itemsPerPage까지 가져오는데 데이터가 하나면 가져오지 못한다. LIMIT는 1부터 세는게 아니라 0부터 센다. 다음같

1. 수업도중 의문점과 확인 과정 ResponseBody 에 javascript 문법을 script태그로 감싸서 반환했는데 그대로 찍혀나온다. 왜지? 그동안 responseBody의 content type는 플레인 텍스트나 json 일거라고 생각해왔다. 그게 아니었던

1. 파라미터 null type 체크에 대해 null 체크 자체를 default 벨류를 지정해주는 것으로 대처해 줄 수 있다. 항상 일정 값이 들어오기 때문. 2. 과제: 좋아요 기능 구현 컨트롤러 부분 ajax 부분. 아래 블로그 참조했는데 문법이 훨신 직관적이

1\.

1. 좋아요 기능에 대한 과제 수행 및 코드 비교 내코드 강사님 코드와의 차이점 강사님은 reactionPoint라는 하나의 테이블로 처리하셨다. 강사님 코드에는 relTypeCode(관련 데이터의 타입 코드), regDate, updateDate, point가 테이

1. 현재 주소 uri 기억하기 getRequestURI()+"?"+getQueryString() = uri와 query스트링 함께 표시 = 현재 주소 이 주소를 RQ에서 항상 기억하게 하고, 특정 url 리퀘스트에서 파라미터로 넘기면, 요청이 온 주소값을 항상 기록할

9시 상황 todo// 답글 더보기 기능 댓글 수정 기능 답글 수정기능 댓글 삭제기능 답글 삭제기능 로그인체크 에러 처리 댓글 답글 좋아요 댓글 답글 싫어요 enco

내코드 강사님 코드 relTypeCode와 relId라는 컬럼으로 답글에 달린 코멘트인지, 게시글에 달린 코멘트인지를 구분.

시점: 2024-02-20 15시 경진행 사항: 기존 서비스 조사 8개 앱 진행중.당일 중 최소 15개 서비스에 대한 조사를 목표로 한다.당일 작업 목표물: 당일 중 처리 완료 목표인 작업 들을 등록하였다. 어느정도 진행이 되어있는, 로고 제작, UI/UX 테마 색 정

entity vo dto에 대해서는 자기 안에서 정확하게 개념을 잡고 사용하자. 적어도 기준없이 섞어서 단어를 혼용하는 일은 없어야 한다. 젠킨스.

회사랑 일 잘 안돌아감 새벽 3시까지 관련 내용 협의 회사의 요구사항, 제시 조건을 그냥 무의미하게 받아주지 말자. 반이 지났다. 슬슬 엉덩이 비비고 작업해야한다. 운동시간 자는시간 확보하고 나머지는 비비자. Todo ㅇ 칸반 정리 -> Task1과 2를 기준으로 다

https://docs.google.com/spreadsheets/d/1eb_S9p31oDU5Sk62EoP9aLn9RO1CEDPBZinJIKhBDGQ/edit?usp=sharing메인화면사이드바로그인화면비밀번호 찾기 모달회원가입 화면front todo -> 인

개인적으로 프로젝트를 시작할 때 외부평가에 신경쓰지 말자고 생각하고 시작했다.일단은 나 자신이 만족 할 수 있고, 지속가능한 학습 형태만 만들 수 있다면 좋겠다고 생각했다.그래서 굳이 기능에 대해서도 내가 배우는게 있으면 그만이라는 관점으로 접근했고, 보여주는게 많지

1. vs코드 보라색과 파란색 차이 보라색은 닷 넷 이나 c++등이 가능하다. 리엑트 왜? 웹 페이지는 이동시 특유의 깜빡거림 x 모바일 앱은 이동시 부드럽고 빠르다. 리엑트는 모바일 앱 같은 웹을 만들 수 있다. Vs코드 보라색 0-> 닷 넷. c++ 가능 jsx

https://codepen.io/woooyoung/pen/ExJWxQv key value 중 안쓰는 요소에 대해서는 _하나만 넣어주는 것이 관례 관례 arr.filter(_, index) splice 배열의 특정 요소 제거 https://codepen.io/

교육자료의 리액트(React), 레코드 폼과 레코드 리스트로 컴포넌트 분리를 fork 해서 아래 과제 수행하기.수행 후 https 첨부NumberRecordListItem 분리 https://codepen.io/jxdpqbjt-the-selector/pen/p

스테이터스는 바로 갱신되는게 아니라, event 처리함수가 완전히 완료된 후에야 갱신된다. 동시에 여러번의 함수가 실행됬을 때 모든 함수가 갱신전의 number을 갱신할 가능성이있다. React에서 useState 훅을 사용하여 상태를 관리할 때, 상태 업데이트는

const removeTodo = (id) => { const newTodos = todos.filter((todo) => todo.id != id); setTodos(newTodos); }; const modifyTodo = (id, title) =>

상위 컴포넌트가 하위 컴포넌트에 값을 전달할 때 사용되는 속성useEffect에서 의존성 배열 안에, 랜더링의 영향을 받을 스테이터스를 지정해주면 해당 스테이터스가 갱신될 때마다 재 랜더링 된다.pccp준비 조금씩이라도 알고리즘 풀어볼 것.예전에 알고리즘 공부해보겠다고

1. checkbox, radiobax, selectbox등 셀렉터: inputtype="checkbox"[value="바나나"] disabled로 비활성화 처리 가능 el은 true 아니면 false el이 true라면 과일 배열에서 이름을 가져오고, 그렇지 않다면

리엑트 아이콘스 아이콘 삽입 https://react-icons.github.io/react-icons/ 주요 세팅들 fixed로 navbar을 고정한 경우, Toolbar과 Appbar의 높이가 같은 것을 이용해서 Toolbar을 통해 fixed된 유령의집 뒤에

next js환경에서 최초에 한번만 실행되게 설정했던 useEffect가 두번씩 실행된 문제: https://velog.io/@dlgudwns1207/%EC%99%9C-Next.js-%ED%99%98%EA%B2%BD%EC%97%90%EC%84%9C-useEffect-%

1. className classNames에도 논리식을 통해 특정 클래스를 부여할 수 있다. 참고: https://github.com/JedWatson/classnames ex: classNames('foo', { bar: true }); 짤막 css 개념 복습: i

상태관리 라이브 러리Atom은 상태(state)의 일부를 나타낸다. Atoms는 어떤 컴포넌트에서나 읽고 쓸 수 있다. atom의 값을 읽는 컴포넌트들은 암묵적으로 atom을 구독한다. 그래서 atom에 어떤 변화가 있으면 그 atom을 구독하는 모든 컴포넌트가 재 렌

api 명세서https://docs.tosspayments.com/guides/payment/integration결제 샘플 밑 java version 설정 방법https://github.com/tosspayments/payment-samples/tre

폴링방식 SSE 방식 메세지를 그리는 구조(폴링) 메세지를 작성하는 구조 새로 작성한 글이 있는지 서버의 상태를 계속 감시해야한다. 작성 기능은 작성버튼이 누르거나 엔터를

1. SSE 브라우저 notify 새 데이터 들어왔다 무전기 단방향: 서버에서 클라이언트로 보내는 무전기 사용전에는 계속해서 클라이언트 측에서 서버로 확인을 보내야했다. SSE는 단일 연결을 통해 전이중 통신 채널을 제공하지만 설정 및 유지 관리가 더 복잡할 수

BATCHJOBEXCUTION 실행시마다 쌓임 STATUS 종료가 정상적을 됬는가? BATCHJOBEXCUTION_PARAMS job을 실행할 때 주는 파라미터. BATCHJOBEXCUTION_SEQ -> 시퀀스 BATCHJOBINSTANCE -> JOB과 파

SuperBuilder 회원 상품 옵션 장바구니 주문 주문품목 일반적인 쇼핑몰에서 makerShop은 사입처를 의미 'ex)동대문 시장(옷을 만들거나 때오는 곳)' 쇼핑몰 -스타일리스트 코디(조합) -> 피팅모델 -> 사진 -> 리터쳐 상품 등록 고객 품절

일반적인 job 실행 순서테이블 생성 -> job실행 -> initData빈들간에 의존성 관계가 엮여있으면, 순서를 정해 줄 수 있다. (initData가 job보다 먼저 실행되게 할 수 있다.)ex)의존관계에 대한고찰특정 테이블에 의존관계가 있는 경우는 의존관계까지

1. 아이템 처리자(청크방식) 잡 -스텝 1 테스틀릿 or 아이템처리자 -스텝 1 테스틀릿 or 아이템처리자 -스텝 1 테스틀릿 or 아이템처리자 아이템 처리자 -리더 (읽기) -프로세서(변환) -라이터(쓰기) 청크: 데이터를 넘기는 묶음의 단위

1. mysql에서 , 으로 구분해서 보여주는 법 FORMAT(데이터, 0) 2. 비정규화 join할 모든 데이터를 비정규화하여 하나의 테이블에 넣는 방식도 있다. 이건 고객에게 노출되는 데이터가 아닌 경우에 유용하다. @Embedded @AttributeOverr

릴리스AI @EnableJpaAuditing create date와 modify date를 만들어 준다. isPresent() 객체의 존재여부를 확인하여 가져온다. 코드 주석 1. AuthenticationFailureHandler CustomAuthSucces

sql에도 switch case가 있다. mysql에도 case가 있다. 문법 select case when payprice = refundprice then 0 else 10 대전제 자기 노래는 자기가

셀렉트2 멀티플 선택이 가능하다. jdenticon 무작위 이미지 JWT 파일 업로드 쉬운거 소셜 로그인 앱은 id 비번을 항상 넘기지 않으면 사용자가 누군지 확인할 수 없는 이슈가 있었다. 세션 키가 저장되지 않기 때문. 초창기: 웹에 글 쓸 경우 최초 요청

파일 올릴때 method는 post enctype 는 multipart/form-data accept 필터링 -> "image/png, imge/gif, image/jpeg" 파일 업로드 참고 사이트 https://www.baeldung.com/spring-file-