HTML 썸네일형 리스트형 [국민취업지원제도 일경험프로그램 50일차] 결재시스템 2개 남았다⑩ 50일 차 특이사항 1. 날짜검색 동기처리 - 날짜 검색 실패 - ORACLE에서 테이블 만들 때 APPR_REG_DATE를 DATE로 설정해 줬다. TO_DATE 함수를 써야하나? CREATE TABLE "GIANTSTUDY"."JSH_APPROVAL_LIST" ("SEQ" NUMBER, "WRITE_ID" VARCHAR2(20 BYTE), "APPR_SUBJECT" VARCHAR2(20 BYTE), "APPR_CONTENT" VARCHAR2(20 BYTE), "APPR_STATUS" VARCHAR2(20 BYTE), "APPR_REG_DATE" DATE, "APPR_DATE" DATE, "APPR_APPER" VARCHAR2(20 BYTE) ) SEGMENT CREATION IMMEDIATE PCTF.. 더보기 [항해 플러스 코육대 토이프로젝트] 세뱃돈 계산기 만들기 계산기를 만드는 과정 0. SPRING, HTML, CSS, JAVASCRIPT를 사용하여 세뱃돈 계산기를 만들었다. 1. 계산기 뼈대는 table 태그를 사용했다. 1x4 테이블을 7줄 만들었다. display(입력) 병합 후 input 태그를 만들어줬고, result(결과) 부분도 병합후 input 태그를 만들어줬다. 각 테이블의 데이타를 클릭하면 onclick 이벤트가 발생하고 각 데이터에 맞는 문자(char)를 입력칸에 add 한다. AC C / 7 8 9 * 4 5 6 - 1 2 3 + 0 . = 2. reset1() - AC버튼, reset2() - C버튼 , add() - 입력, calculate() - 출력에 해당하는 javascript 함수를 만들어준다. 3. 가을 느낌의 계산기로 CSS.. 더보기 [HTML] title을 이용하여 마우스 올리면 번역하기 HTML 코드 이름 나이 직업 kim 20 student lee 25 programmer choi 30 doctor title=" 내용 " 을 설정해주면 마우스를 올렸을 때, 해당 내용이 나타난다. SCRIPT 더보기 [HTML] name 속성이 가능한 태그 name이 가능한 태그 , , , , 에서 사용 가능 예시 작성자 : 아이디 : 제 목 : 내 용 : 등록 name을 사용하는 이유 1. 데이터를 서버로 전송할 수 있음 2. name 속성을 사용하여 특정 입력 필드를 선택할 수 있음 var emailValue = $('input[name="email"]').val(); 더보기 정적 페이지 완성, 미디어 쿼리 적용 1. HTML, CSS만을 이용하여 정적 페이지는 완성했다. 2. 이제는 미디어쿼리를 이용하여 동적 페이지를 만들어보자. 미디어 쿼리는 특정 영역에만 CSS를 적용할 때 사용한다. if문과 비슷하다. 반응형 웹사이트를 만들 때 주로 쓰는데 화면크기가 줄어들면 거기에 맞춰 main, section 영역이 같이 줄어든다. @media screen and (max-width: 1140px){ main .contatiner{ width:992px; } section .container{ width:600px; } section .about-self .left{ width: 100% ; } section .about-self .right{ width: 100%; padding: 0; } section .do-me.. 더보기 개인프로젝트 What I DO 영역 완성 개인프로젝트 What I DO 영역까지 완료. 내일은 배경 영역을 완료해보자. 그리고 책에 나온대로 만들어봐야겠다. 원본코드를 따라가되 약간씩 변형하는 것이 좋다. 코드 자체가 이해가 안될 때가 있는데 고쳐보면 뭐가 달라지는지 알 수 있기 때문이다. 일단 이모티콘 홈페이지는 두 번째 프로젝트로 하고, 포트폴리오 웹페이지부터 만들어보자. 내일 수정할 것. 왜 책에 나온대로 하면 가운제 정렬이 되지 않을까? 교과서에 없는 내용을 넣자 가운데 정렬이 됐다. what I DO도 마찬가지다. 하얀 박스들이 왼쪽으로 붙어가지고 옮기느라 고생했다. 더보기 헤더 영역과 메인 영역 완성. 헤더 영역과 메인 영역을 끝냈다. 아직 초안이고 대략적으로 만들었다. 앞으로 계속 수정하게 될 것이다. 이제는 각 섹셕 영역을 만들어볼 것이다. 메인 영역을 제외한 나머지 영역을 섹션영역으로 볼 수 있다. 먼저 About 영역이다. 섹션영역을 만드는데 계속 막히고 있다. 시키는대로 코드를 입력했는데도 결과물이 나오지 않는다. 본문을 이미지와 텍스트로 나누고 싶은데... float 속성으로 레이아웃을 분할하고 각각 너비의 절반씩 차지하도록 지정? 반반으로 나눠지지 않는데 아... section 태그인데 div를 써놨다. 그냥 다 지우고 다시 입력해야겠다. 그냥 다시 했다. 결과물... 교과서대로 그대로 입력하는 것도 힘들다. 2시간 동안 뭘 한건지? 코딩하면서 매번 느끼지만 하고 나면 뭘했지? 라는 질문을.. 더보기 코딩 개인프로젝트 : 웹페이지 만들기 개인프로젝트를 시작한다. 웹페이지 만들기, 도메인 등록 및 수익화가 목표다. 일단 HTML, CSS, Javascript 부분부터 만든다. 오늘은 헤더부분을 만들었다. 1. HTML 코드 JSH About Features Portfolio Contact 2. CSS 코드 *{ margin: 0; padding: 0; box-sizing:border-box; } a, a:link, a:visited{ color:inherit; text-decoration:none; } li{ list-style:none; } .container { width:1140px; margin:0 auto; } header{ position:absolute; color:black; top:0; z-index:1; width:100.. 더보기 이전 1 2 다음
