기초공사 (html,css,javascript)

//문제의 발단 유니크(Unique) 키와 기본 키(Primary Key) 그리고 외래 키(Foreign Key)는 데이터베이스에서 테이블 간의 관계를 나타내고 데이터의 무결성을 유지하기 위해 사용되는 키의 종류입니다. 이들 간에는 다음과 같은 차이점이 있습니다. 유니크(Unique) 키: 유니크 키는 테이블의 열(또는 열의 조합)에 대해 중복을 허용하지 않는 제약 조건입니다. 유니크 키는 해당 열(또는 열의 조합)에 고유한 값을 가지는 것을 보장합니다. 테이블에서 여러 개의 유니크 키를 가질 수 있으며, 각 유니크 키는 서로 다른 열(또는 열의 조합)에 적용될 수 있습니다. 기본 키(Primary Key): 기본 키는 테이블의 열(또는 열의 조합)에 대해 중복을 허용하지 않는 제약 조건입니다. 기본 키..

// 좀더 정확히 알고싶어서 해본 예제 parent:400px로 두니 변화를 알수없으니 100%로 두었따. 예시를 보자. flex flex-grow box1 box2 box3 flex-shrink box1 box2 box3 flex-basis box1 box2 box3 flex box1 box2 box3 예시를 보자. flexl-shrink는 기본값이 1이다. 설정을 안해줘도 화면사이즈가 줄어들면 각각 조금씩 축소 되어있다. 1:1:1이 된다. 부모너비가 400px이고 shrink는 200px씩 3개이므로 200px가 넘친다. 그 200px에 대해서 3등분하니 66.66px가 된다. 그래서 각 box1은 200px이니 200px - 66.66px 를 빼서 133.33px가 된다. 여기에서 box3을 fl..

// flex-ex 생활코딩 폴더에서. 예제에서 보면, 컨테이너 너비의 90%만 쓰니 여백이 생긴다. flex-grow:1이여도 여백이 생긴다. max-width가 있어서.. 그래도 삭제하면 다 채워진다. 1. width:160px로 하고, flex-shrink:0 하면 식별이 된다. 하지만 width:80% 퍼센트로 하니 식별이 안된다. 위코드를 보면 max-width를 삭제하고 width:160px는 유지된다. flex-grow:1로 되어있으니 꽉 찬다. flex-shrink를 이해한거같았는데 0을 지워도 똑같네;;;; width:160px px로 고정이 되어있어서 그랬던거네..flex-shrink:0떄문이 아니라....흠..

오늘 연차.. 나윤이 학부모공개수업이다. 문정동 스벅에서 홈페이지 하는데 모르는 부분인 flex부분에서 엄청나게 공부중인데....이게 아는건지..잘 모르겠다. 몇시간을 해맸는데..결국은 거의 안쓰는 align-content:center를 하니 열끼리 중간에 갔었다. 이부분은 거의 안써서 몰랐는데 검색해서 봐야겠따. 내가 하고 있는 css는 무시하지만, 절대 무시하면 안되는 것!! 나보다 잘하는 사람 없다.!!!!!! 내 일에 자긍을 갖자...

//이번에 안되는 부분들이 있어서 비슷한 사이트가 있어서 주말에 따라해봤는데. 결국은 똑같은 코드로는 못했지만 비슷하게했다. 1./ 여기에서는 flex-wrap:wrap이라는 개념으로 flex 0 0 65%와 그 아래를 flex 0 0 75%를 둠으로써 flex-direction:column을 쓰지않고..넘치면 넘어와 ~ 라는 flex-wrap:wrap를 써서 자연스레 세로정렬이 된다는점을 배웠고. 2. 잊고있었떤 img부모태그에 text-align:center를 두면 이미지가 가운데로 가는걸 기억했다. 3. align-self:center 텍스트가 단독으로 세로로 가운데로 갔다. 토요일 하루 이거 분석하느라 시간이 가서..속상했다.아직도 모르는게 너무 많아서.. 그래서 홈페이지 진도를 못나갔다..다음주..

// 스페셜 굿 구매하기 STT 저소득가정 아동을 돕는 특별한 핸드폰스트랩 TTS 저소득가정 아동을 돕는 특별한 핸드폰스트랩 NLU 저소득가정 아동을 돕는 특별한 핸드폰스트랩 //index.css @charset "EUC-KR"; /* 큰거부터 작은거 */ html{font-size:20px;} body { padding:100px 0 0; margin:0; } ul,li {list-style: none;} *{margin:0; padding:0;} .special_wrap {background:#f0f0f0; padding:1rem 0 2.5rem;} .special_wrap .line {border-bottom:1px solid #bcbbbc;} .special { width:54.5rem; marg..

// 창 -타임라인 후 작성하고, gif로 저장할때 저장 후 테두리에 흰 테투리같은 지저분한게 없게 하려면 디더없음 / 매트 없음으로 해야한다.

이클립스 파일 중 1.JSTL 이란? -JSP 표준 캐그 라이브러리(여러프로그램이 공통으로 사용하는 코드를 모아놓은 코드의 집합)의 약어 -자신만의 태그를 추가할 수 있는 기능을 제공한다. -주로 JSTL 의 Core에서 C를 사용하여 , 등으로 사용한다. 1-1.JSTL 라이블러리 다운로드, 사용법 참고 https://mkil.tistory.com/249 [JSTL 정리] JSTL이란? / 사용방법 / 태그라이브러리 1. JSTL이란? - JSP 표준 태그 라이브러리(여러 프로그램이 공통으로 사용하는 코드를 모아놓은 코드의 집합)의 약어 - 자신만의 태그를 추가할 수 있는 기능을 제공한다. - 주로 JSTL의 Core에서 c를 mkil.tistory.com 1-3. taglib만 include하는 파일..

// 클래스함수로 정의하고, 인스턴스 객체를 만들었다. 버튼을 클릭하고, 사용자가 입력한 값을 전달받고, 결과값 위치에 출력한다. 1.button addEventListener 2.....value; 이부분을 헤맸었다.(입력한 값을 어떻게 가져오지? 했었다!value라니!!! 3.result.innerText 사용한다. //class로 객체만들기. class Cylinder{ constructor(cylidame , cyliheight ){ this.diameter = cylidame; this.height = cyliheight; } //methods getVolume(){ let radius = this.diameter / 2; //반지름 return(Math.PI * radius * radius *..

https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=galma73&logNo=80197414418 답변 중 스크립트로 입히는것과 php 인클루드 사용하는것중에 어떤 차이점이 있나요? - 차이점이 있습니다... 브라우져에서 html 파일을 서버로 요청하게 되면, 웹서버에서는 저장되어 있는 html 파일을 읽어들여서 Response를 해줍니다. 즉, html 은 한 요청에 하나의 물리적인 파일을 Response해주게 됩니다. 그런데, php같은 경우에는 일반적인 html 파일처럼 파일을 읽어들여서 바로 Response해주지 않습니다. 파일을 읽어들인 다음에 php 문장에 해당하는 부분을 찾아서 번역을 한 다음에 하나의 결과물로 Respon..