밑끝없로그

항목 관련 식 비고 힘 F=ma 1kgf = 9.8N 압력 P = F/A 1기압 = 0.1MPa = 980000Pa 일 W = Fd 1kgf*m = 9.8J 동력(일률) L = W/t 1PS = 0.735kW 질량 m = F/a 1kgf*s2/m = 9.8kg 섭씨온도 -> 화씨온도 ºF = 9/5 * ºC +32 혼합물체의 평균온도 Tm = (m1C1T1 + m2C2T2)/(m1C1 + m2C2) m = 질량/ C = 비열/ T = 온도 진공도 진공압력/대기압력 * 100 밀도 p = m/V kg/m3

열역학 : 열역학은 열(Heat)와 일(work) 그리고 그와 관련된 물질의 성질(property)를 다루는 학문. 기본 용어 정리 계(System) : 연구 대상이 되는 일정량의 물질이나 공간의 어떤 구역 주위(Surroundings) : 계의 외부 경계(Boundary) : 계와 주위를 구분 고립계(Isolated System) : 물질과 에너지가 경계를 통해 통과하지 않는 시스템 밀폐계(Closed System) : 에너지(열,일)의 이동은 가능하나 물질의 이동(질량)이 불가능한 시스템 개방계(Open System) : 에너지(열,일) 및 물질(질량) 이동이 가능한 시스템 과정(Process) : 처음 상태에서 나중 상태로 바뀌어 가는 것으로 시스템이 변화하는 상태의 연속적인 경로 가역과정 : 어떤..

HTML, CSS가 완성되었고 이제 자바스크립트 코드를 입력하여 효과만 주면 끝! 제이쿼리를 이용하기 위해서 위의 파일을 script 폴더에 붙여넣은 뒤 (시험장에서 제공해줌) 위의 코드를 index.html에 삽입하여 제이쿼리 파일과 연결해준다. 같은 방법으로 내가 작성하는 js파일도 연결시킨다. 이때 제이쿼리 파일이 먼저 위치해야한다. 메뉴 네비게이션 바 제이쿼리 코드 $('#header .nav > ul > li > ul').hide(); $('#header .nav > ul > li > a ').on('mouseenter', function(){ $(this).addClass('on') .next().stop().slideDown(); }); $('#header .nav > ul > li').on..

이제 남은 footer의 스타일을 잡아준다. 푸터는 로고랑 주소가 그대로 입력되고, 아이콘 3개를 추가하여 간단하게 10분이내로 끝낼 수 있다. 구조짤때 미리 입력해둔 html을 보고 스타일을 입힌다. footer의 height는 100px으로 시험지에 명시되어 있기때문에 꼭 지정해준다. 그 이외는 내 마음대로 css를 꾸민다. 문득 드는생각인데 CSS에 자율성을 준다는것은 아무렇게나 해도 점수를 딸 수있다는 말은 아닌듯하다. 독창성 가독성 등을 고려하라고 애매하게 쓰여있지만, 시험 채점 기준이 명확하게 공개되어 있지 않고 채점과정 이의제기도 불가능한 상황에서는 최대한 성의를 보여야 조금이라도 채점관들의 가산점이라도 얻을 수 있지않을까 싶다. 서로다른 아이콘을 넣어주기 위해 클래스를 추가해준다. sns ..

Header는 완료 되었고 이제 헤더 아래부분의 슬라이더의 CSS를 입력한다. 가로길이 1200px의 이미지 3장이 옆으로 스르륵 흘러가야 하기때문에 3600px의 슬라이더 창을 만들어 준다. 슬라이더가 완성되었고, 아래 컨텐츠 부분에는 크게 세부분으로 나뉘어 진다. 시각적으로 보여주기 위해 background-color를 임의로 주어봤다. 이렇게 CSS가 먹히고 있다. 나는 아래 컨텐츠 부분이 위 슬라이더랑 너무 딱 붙어있는것 같아서 나중에 MARGIN값을 주었다. 한 공간안에 탭 메뉴 형식으로 공지사항과 갤러리 두가지의 li 메뉴가 있다. li.notice , li.gallery로 구분하여 CSS를 사용 하고 notice 스타일을 잡을동안 gallery는 display:none; 을 임시로 걸어두었다..

하루 1시간 공부가 이렇게나 지키기 힘들다.갖은 이유들로 인해 이미지 만들고 나의 열정은 파사삭 식어버렸지만이제 정말 몇 일 안남았으니 차근차근 해본다. html도, 이미지도 준비되었고 이제 CSS 옷을 입힌다. 시험지에서 명시하고 있는것은 전체 width 1200px와 각각 영역의 height 값이다.나는 body영역으로 전체를 싸준다고 생각하고 1200px의 width 고정값을 주고margin: 0 auto; 를 주어 브라우저 크기에 맞게 가운데 정렬을 한다. header에는 크게 로고부분과 메뉴부분 두가지로 나뉜다.로고부분 과 메뉴부분 을 float 속성을 주어 나란히 배치한다. 그리고 메뉴(.gnb_wrap) 내부의 1차메뉴 탑, 아우터, 팬츠, 액세서리도 나란히 배치하기 위해 float 속성을 ..

공개문제를 풀려고하는데 문제지만 딸랑 있고 이미지를 제공해주지 않는다..^^;그냥 빈 이미지로 하려다가 한문제라도 제대로 풀어보자 싶어서지시사항을 따라서 만들어본다. 실제 시험장에서도 제공되는 이미지와 텍스트를 활용하여이미지를 만들어야된다고 하니 연습삼아 포토샵을 켠다. 로고, 슬라이더 부분의 이미지를 읽어보면 특별한 제약은 없고 자유롭게 만들면 되는듯 하다. 로고 만들기 가로 200px 세로 40px 의 상단에 쓰일 로고와조금 축소된 버전의 footer에 사용될 로고 두개가 필요하다. 심벌없이 로고명을 포함한 워드타입으로 디자인하라고 지시되어있다.대충 JUST 쇼핑몰 이라고만 적고 Ctrl+Alt+Shift+S 4개를 동시에 눌러 웹용이미지 저장을 한다. 제공된 이미지도 텍스트도 없이 무언갈 만드는게 ..

큐넷 웹디실기 공개문제 풀어보기 : 저스트쇼핑몰 우선 실기시험에 앞서 미리 필기구로 시험지에 중요한 부분을 체크해가며 요구사항을 숙지하는것이 중요하다. 요구사항 분석 잘 못 이해했다가 나중에 코드를 전부 수정해야하는 경우가 생길 수도 있으니 문제지 읽는 시간을 아까워하지말고 충분히 주어야한다. ↓요구사항 체크 문제지 파일↓ 요구사항을 보며 HTML 구조 먼저 짜기 HTML과 CSS를 동시에 진행하는것 보다 머릿속으로 어떻게 구조가 짜여질지 상상하면서 HTML코드를 우선 짜놓고 나중에 스타일을 입히는것이 속도면에서 더 빠르다. (수정할 일이 줄어든다.) 캐릭터셋을 utf-8로 설정하고 css에서 텍스트 색을 #222328로 기본지정을 하고 시작했다. css를 링크해준다. 시험장에서 제공하는 jquery 파..

↓새로운 공개문제 (JUST 쇼핑몰) 사진슬라이드 js코드 보기↓ 2019/05/07 - JUST 쇼핑몰 문제풀이 6. JS, 제이쿼리 - 메뉴, 슬라이더 효과 (웹디자인 기능사 실기 공개문제) $(function(){ var now = 1; var max = 3; var w = 960; var slide; //slideitem3을 맨 앞으로 위치 이동 처음 시작 $('#slide .container').prepend($('#slide .container .slideitem3')); slide = setInterval(function(){ $('#slide .container > div:nth-child(1)').animate({ 'margin-left':(w*(-1))+'px' },600,functio..

급하게 컴퓨터 그래픽스 필기와 과목이 비슷하다는 말에웹디자인 기능사 필기도 응시했고, 어렵지 않게 합격할 수 있었다. 어느덧 미루고 미루던 실기시험 날짜가 오고있다.시험신청은 지난달에 했는데, 역시나 미루고~ 미루다~ 공부를 하나도 안하고오늘 처음으로 공개문제를 다운 받는다. 하루에 1시간씩 일주일만 봐보자!! 웹디자인 기능사 실기시험문제 너무 길어서 중요한것만 요점 정리를 해보았다. 벼락치기용 유의사항 1. HTML, CSS, JavaScript 총 파일 3개를 만든다. (이미지랑 jQuery 리소스는 제공된다)2. charset utf-8 으로 설정한다. 1) HTML : 2) CSS : @charset "utf-8";3. 전체영역 960px X 1200px 및 Header, Main , Conten..

DCL 은 관리자가 데이터 보안, 무결성 유지, 병행제어, 회복을 하기 위해 관리자(DBA)가 사용하는 언어이며, COMMIT, ROLLBACK, GRANT, REVOKE 등이 있다. 1. COMMIT DB내 연산이 성공적으로 수행되어 연산에 의한 수정내용을 지속적으로 유지하기위함 2. ROLLBACK DB내의 연산이 비정상적으로 종료되거나, 정상 수행 했더라도 이전 상태로 되돌리기 위함 3. GRANT 관리자 DBA가 사용자에게 데이터베이스에 관한 권한을 부여하기 위함 GRANT 권한내용 ON 테이블 TO 사용자 [WITH GRANT OPTION];: 관리자가 사용자에게 테이블에 대한 권한내용을 부여한다. WITH GRANT OPTION은 사용자가 권한을 받고 난 후 다른사람들과 권한을 나눠가질 수 있..

SQL조작문은 SELECT 문, INSERT문, UPDATE문, DELETE문 4가지가 있다. SELECT 검색문 SELECT문은 테이블에서 자료를 검색할 때 사용되는 명령문이며, 산술식 계산도 수행한다. 예시)SELECT 속성 FROM 테이블[WHERE 조건][GROUP BY 속성 [HAVING 그룹조건]][ORDER BY 속성[ASC | DESC]]; 1. SELECT 절 - 검색하고자 하는 속성이름, 계산식 - DISTINCT : 검색 결과에 중복되는 값이 있으면 한번만 표현하도록 하는 옵션 2. FROM 절 3. WHERE 절 - 관계연산자와 논리연산자 등을 수행 할 수 있음 4. GROUP BY 절 - 속성값을 그룹으로 분류하고자 할때 - HAVING : 그룹바이에 의해 분류한 후 조건 제시시 ..

SQL (Structured Query Language) 는 관계 데이터베이스에서 사용하는 대표적인 언어이다. 관계 대수 및 관계 해석을 기초로 하는 효율적인 고급데이터베이스 언어로 대화식이고 기타 다른 언어로 작성된 프로그램에 삽입되어서 처리 될 수 있다. DDL (Data definition language) 데이터 정의어, DML (Data manipulation language) 데이터 조작어, DCL (Data control language) 데이터 제어어 등이 있다. DDL은 테이블, 스키마, 인덱스, 뷰, 도메인을 생성하거나 수정 또는 제거하기 위해 사용되는 언어다. CREATE, ALTER, DROP문이 있다. *SQL문의 특징 1. 대소 문자 구분 하지 않는다. 2. 문장 마지막에 세미콜..

키(Key) 개념 및 종류 키란 관계 데이터베이스에서 튜플을 식별하기 위해 사용하는 속성이나 속성의 집합이며 데이터 베이스 참조 또는 검색에 사용된다. 1) 후보키 Candidate Key - 릴레이션에서 각 튜플을 유일하게 식별할 수 있는 속성 - 유일성 최소성 만족 2) 기본키 Primary Key - 후보키 중에서 특별히 선택한 키 - 중복 될 수 없으며 Null값, 공백이 올 수 없다 - 후보키의 특징 (유일성 최소성 만족) 3) 대체키 Alternate Key - 후보키 중에서 기본키를 제외한 나머지 속성들 4) 외래키 Foreign Key - 하나의 테이블에서 원하는 자료를 얻지 못하는 경우 다른테이블을 참조하기 위해 사용 - 외래식별자 라고도 하며 다른(참조) 릴레이션의 기본키와 같아야 한다..

개체-관계 모델(E-R Model) 개념적 설계단계에서 사용되는 설계기법중 가장 대표적인 것으로 개체 Entity 타입과 관계 Relationship 타입간의 구조, 개체를 구성하는 속성 Attribute를 약속된 기호로 표현한것. 1976년 Peter Chen 피터첸에 의해 제안되었다. E-R Model 이알 모델 = E-R Diagram 이알 다이어그램 = ERD 이알디(entity relationship diagram) 라고도 한다. 1. 개체 : 실세계에 존재하며 서로 구별이 되는 유무형 정보의 대상2. 속성 : 개체 특성이나 상태3. 관계 : 개체나 속성 사이의 상호연관성 E-R model 의 표현 방법 *관계의 종류에 따라 표현 1) 1:1 일 대 일 관계 : 관계되어 있는 두 개체 타입이 모..