# id
AJAX - eclipse/oracle
AJAX - CRUD sql문 테스트 1개의 데이터를 oracle로 insert하고 잘 들어갔는지 확인 -> Memolist.jsp에서 테스트 전체 목록 가져오기 Dao에 테이블 값 가져오는 메서드 작성 후 실행 json형태 배열 변환 가져온 데이터를 json 형태의 배열로 만들어주기 위해 생성 size 확인 arr의 값을 확인해 sql문을 잘 가져왔는지 확인 작업 dto로 받아오기 모든 값들을 json형태로 변환해주기 위해 행 값을 하나씩 넣어주고 json형식의 배열로 만들어주기 위해 배열에 넣음 ->Memolist에서 run as 해서 json형태의 배열로 잘 나왔는지 확인 sql문 memolist.jsp DBConnect 생략 MemoDto.java MemoDao.java memo.html 모든 폼과 액션들이 여기서 행해진다 (액션은 따로 만들어서 불러옴) insert

[DB] auto increment 수동 insert 와 작동 방식(postgresql ,mysql)
궁금증 @Id 설정과 @GeneratedValue를 작성하다보니 auto_increment에 대해서 더 자세하게 알고 싶어져서 작성하게 되었다. 확인을 하다가 mysql 과 postgresql 작동 방법이 다르다는 것을 알게 되었고 추가적으로 auto_increment를비슷하게 스키마를 작성하는 법에 대해 공부를 하였다. Mysql의 auto_increment 사용법(생성, 수정, 재할당) 으로 사용이 가능하다.(Mysql 기준) > AUTO_INCREMENT column 속성에 특정한 값을 지정해 놓지 않는다면, MySQL 이 자동적으로 sequence number 를 할당합니다. NOAUTOVALUEONZERO SQL mode 가 켜져있지 않는한, 당신은 해당 column 을 0으로 명시할 수 있습니다. 당신이 'AUTO_INCREMENT' column 에 다른 값을 넣을때, 해당 컬럼의 sequence number

0713
Anchor Tag <a>는 하이퍼링크를 만들어주는 태그로 로 활용 문자 외에 이미지도 하이퍼링크 가능 Image Marquee <marquee></marquee>는 글 혹은 이미지를 수평 이동해주는 태그 direction은 이동 방향 의미하며 default는 left이고, bgcolor는 이동 경로 전체의 배경색 Align(정렬) 정렬 특수 기호 & nbsp : 한 칸 띄기 / & copy : © / & lt and & gt : List Ordered List <li> 태그 내부를 1~n의 숫자로 순서를 만드는 리스트 <ol type=”x”>로 순서를 만드는 유형을 달리 하기 가능 x=A : 대문자 알파벳 순 / a : 소문자

class 와 id 속성
class 와 id 속성 class 속성(Attribute) class 속성은 한 요소를 특정하는 데에 쓰인다. HTML 요소들은 같은 class를 공유할 수 있다. 또한 CSS에서 .car{}로 선택해서 꾸미게 되면 class="car"를 가지고 있는 모든 태그들이 변하게 되는 굉장한 경험을 할 수 있다. 하나만 변경했을 뿐인데 모든 것이 변한다! `` 역시 같은 class이다. id 속성 id 속성은 HTML의 요소에 유니크한 id를 부여한다. 한 요소는 한가지의 id만 가질 수 있으면 중복된 id는 허용되지 않는다. CSS에서는 선택자 #을 사용해서 해당 id를 찾을 수 있다. #id, #pwd와 같은 식으로 말이다. class 속성과 id 속성의 차이 위에서 예시로 알겠지만, class 속성은 여러개의 요소에 쓰일 수 있고, id 속성은 하나의 요소에 딱 한번만 쓰일 수 있다. class 속성은 어떤 요소들이 같은 그룹이라고 생각

HTML_CSS layout (230608)
아래를 구현하시오. Document #wrapper { margin: 0 auto; width: 960px; } header { width: 960px; height: 120px; background-color: #066cfa;

[JavaScript] DOM 객체와 이벤트 리스너 (TweeksStudy:0)
0606 > - DOM 객체란 무엇인가 document DOM 트리 DOM 객체로 HTML 문서의 요소 가져오기 id를 통해 요소에 접근하기 class를 통해 요소에 접근하기 querySelector()와 querySelectorAll() DOM에서 이벤트 처리하기 DOM요소에 직접 이벤트 처리기 연결 addEventListener() 사용하기 안녕하세요! 트윅스스터디 그 네 번째 과제에서는 DOM 객체와 이벤트 리스너를 배워보도록 하겠습니다. 저번 과제에서 "대체 DOM이 뭐야?" 하는 궁금증이 생겼었는데 이번에 공부하게 되어서 참 다행입니다.. 그럼 알아볼까요? 🧁1. DOM 객체 👉1.1. DOM (Document Object Model) 객체가 무엇인가요? DOM이란 문서 객체 모델입니다. 문서 객체 모델, 즉 DOM은 웹페이지(HTML

Python에서 환경변수 관리하기: 개발과 운영 환경 분리
Python 프로그램을 개발하거나 운영하는 동안, 종종 개발 환경과 운영 환경에서 사용하는 변수를 분리해야 하는 경우가 있다. 이런 경우 환경 변수를 사용하는 것이 일반적이다. 이 글에서는 Python에서 환경 변수를 효율적으로 관리하는 방법에 대해 알아보겠다. 환경변수란? 환경변수는 운영체제에서 프로세스에 대한 정보를 제공하는 키-값 쌍이다. 이 정보는 주로 시스템 설정이나 애플리케이션 설정에 사용되며, ID, 비밀번호, 호스트 URL 등과 같은 민감한 정보를 저장하는데 적합하다. .env 파일과 python-dotenv Python에서는 python-dotenv 패키지를 사용하여 .env 파일을 읽어 환경 변수를 설정할 수 있다. .env 파일은 키-값 쌍을 포함하며, 각 쌍은 한 줄에 하나씩 있다. 예를 들어: 이렇게 설정한 후 Python 코드에서는 다음과 같이 python-dotenv를 사용하여 이 값을 읽어 올 수 있다: 이 방법의 장점은 .env 파

유일 ID 생성기 설계
관계형 데이터베이스에서 각 레코드를 식별해야 한다. 일반적으로 새로운 레코드가 생성될 때 마다 +1이 되는 'auto_increment' 속성을 사용해서 자동생성되게 하면 되지 않나 라고 생각하는데 이는 대규모 서비스 설계에서는 그닥 좋은 방법이 아니다 왜냐 > 대규모 시스템 설계에서는 여러대의 데이터베이스 서버를 사용할 수 있기 때문이다. 일반적으로 그렇다. 데이터를 분산 저장하기 위함도 있고, 데이터 베이스가 죽었을 때 서비스를 계속 이어 나가려면 당연히 2대 이상의 데이터베이스 서버가 필요하겠지.. 그럼 여기서 문제는 여러 서버에 분산되어 있는 데이터의 유일성을 어떻게 챙겨야할까 여기서 사용되는 개념이 유일 ID 생성기이다. 이를 구현하기 위한 방법은 크게 4가지가 있다. 1.다중 마스터 복제 
class , id의 차이는 무엇일까?
class, id html와 css에서 작업할 때 흔하게 쓰이는 속성인 class와 id 둘 다 스타일을 지정하는 목적으로 사용되는 등 얼핏보면 차이가 없어보이기도 합니다 하지만 분명한 차이점이 존재합니다 class는 HTML 요소를 그룹화하거나 스타일링하기 위해 사용됩니다. 여러 요소에 대해 동일한 클래스를 적용할 수 있다는 게 가장 큰 차이입니다. > 예를 들어, "class="header""는 "header" 클래스를 가진 HTML 요소를 지정합니다. CSS에서는 ".header"로 클래스를 지정하고, 이를 사용하여 해당 클래스를 가진 모든 요소에 대해 스타일을 지정할 수 있습니다. 반면에 ID는 HTML 요소를 고유하게 식별하기 위해 사용됩니다. 즉, 동일한 ID를 가진 요소는 문서 내에서 한 번만 나타날 수 있습니다. CSS에서는 "#"을 사용하여 ID를 지정합니다. >예를 들어, "id="main""은 "main" ID를 가진 HTML 요소

rs.next() 이용하여 id 일치, 불일치 판정
rs.next()가 true라면 id가 칼럼에 존재, 즉 id가 존재한다는 의미로 if문 활용하여 id의 존재 여부, input에 입력한 id값과 DB에 저장된 id 데이터 값을 비교구분할 수 있다.

TIL 3일차 - [CSS]
CSS의 사용 목적을 이해한다. > HTML에 스타일과 다지인을 구현하기 위한 스타일 시트 언어다. css를 적용한 사용자인터페이스(UI)를 이용하여 더 나은 사용자경험(UX)을 제공하기 위함이다. CSS의 기본 문법과 구조를 이해한다. > > CSS를 HTML에 적용하는 방법에 대해서 이해한다. > 적용하는 방법에는 크게 같은 줄에 스타일을 적용하는 인라인 스타일, ``요소 안에 작성하는 내부 스타일 시트, CSS 파일 내에 작성하는 외부 스타일 시트가 있다. 요즘은 관심사 분리를 위하여 HTML에 직접 적용하는 인라인이나 내부 스타일 시트 보다는 CSS 파일을 외부에서 가져와 적용하는 방법을 권장한다. HTML 안에 CSS를 직접 정의하는 것을 권장하지 않는 이유를 이해한다. > 하나에
S1_U2_CH3. HTML 심화
Chapter 3. HTML 심화 >학습 목표 만들고 싶은 앱의 와이어프레임을 그려볼 수 있다. 와이어프레임만 보고 HTML로 코딩할 수 있다. ` 요소 또는 , ` 등의 시맨틱 요소로 영역을 구분하는 이유를 이해할 수 있다. HTML 문서에서 언제 id 혹은 class를 사용해야 하는지 이해할 수 있다. 웹 애플리케이션을 개발할 때, 레이아웃의 형태를 잡는 단계를 와이어프레임이라고 한다. 단순한 선이나 도형으로, 웹이나 앱의 인터페이스를 시각적으로 묘사한 것이다. 와이어프레임(Wireframe) : 선(wire)을 이용해 윤곽선(frame)을 잡는 것 단순하게 그려진 것처럼 보일 수 있지만, 컨셉, 고객의 요구사항, 콘텐츠의 기능 요소를 파악하여 전략적으로 설계되어야 하므로 중요도가 높다. 또한 협업 시 원활하게 소통할 수 있게 되는 수단이 되기도 한다.

CSS(Cascading Style Sheets)
01 CSS 스타일 속성을 이용하여 페이지를 디자인 하는 것을 style 이라고 하고, 이러한 style을 모아 놓은 것을 'stylesheet' 라고 한다. 한 문서에 같이 작성할 수도 있지만 이 후 페이지 유지 보수에 적절하지 않기 때문에 Html(구조)과 CSS(디자인)으로 나누어 작업하는 것이 좋다. 02 CSS의 형태 > p{ color: red; } tag 자체에 스타일을 적용하는 방식이다. 태그 스타일을 초기화 하거나 문서 내 모든 해당 태그에 스타일을 적용하고 싶을 때 사용한다. 02-2 #id > > id를 활용하면 수많은 동일한 태그 중 특정한 이름을 가진 요소만 선택할 수 있다. 위의 경우 본문 내용의 위의 p태그만 "p_red"이 적용되어 있다. 이 경우 위의 p 태그의 내용물은 글자색이 red로 변경되고, 아래의 p 태그는 변경되지 않는다. 스타일 시트에서는 #아이디명{스타일 속성: 값;} 으로 표현

HTML, CSS, selector
웹 프로그래밍 > 웹 프로그래밍(웹을 개발하는 작업) 이란? = 집을 짓는 것과 같다. HTML+CSS+Javascript를 다루는 개발이다. // 예를 들어, 내가 만약 나만의 집을 만들려고 한다고 하자. 이미 지어져 있는 집이 아닌 나만의 집을 짓기 위해서는 집을 짓기 위한 땅이 필요하고, 집을 쌓아 올릴 철근들이 필요하다. 그리고 그 철근들을 덮을 시멘트와 벽돌 등이 필요하다. 집의 구조가 다 만들어진 후에는 집 내부를 인테리어 작업을 통해 꾸며준다. 웹을 개발하는 과정도 집을 만드는 과정과 비슷하다. 웹 페이지의 구조를 만드는 작업은 HTML(Hyper Text Markup Language)라는 마크업 언어를 사용한다. | 구분 | 집을 짓는 작업 | 웹을 개발하는 작업 | |:-----------| :--------------| :-------| | 지면 (땅) 준비, 건축 설계도 작성 |땅 사기, 구역 나누기(ex.

Behind the Lucky-Market
Lucky-Market 2023.03.31 > 나만의 중고마켓 만들기 (chat-GPT / VS코드) 'chat-GPT'에게 어떻게 명령을 내리고, 'chat-GPT'가 써준 코드를 어디에다가 어떻게 가져다 써야 되는지 알아보기 먼저 vs코드에 새폴더와 index.html 파일을 만든다. 미리 chat-GPT 사이트에 가입한다. (https://chat.openai.com/chat) chat-GPT는 같은 의미의 명령이라도 말이 달라지면, 다른 코드를 제시할 수 있다. 이곳에 올린 코드들과 명령들은 예시로 올린

Lucky-Market
[Lucky-Market] (https://developerpyk.github.io/Lucky-Market/) // Description This was made by using chat-GPT to practice coding and experience chat-GPT. So, this site is unavailable and the products are not for sale. // https://velog.io/@developerpyk/Behind-the-Lucky-Market // If you want to know the codes I used, visit https://github.com/developerpyk/Lucky-Market