설계의 품격

click(함수); - 선택자를 클릭했을 때. 함수해라 addClass(); - 클래스를 추가해라 removeClass(); - 클래스를 제거해라 toggleClass(); - 클래스를 반전해라 hasClass(); - 클래스를 확인해라 css({"color" : "yellow", "font-weight" : "bolder"}); - css 를 변경해라 attr(); - 상태를 확인해라 ready(); - 선택자가 준비(로드) 되었을때

$("#name") //id 명이 name 인 엘리먼트 호출 $(".name") //class 명이 name 인 엘리먼트 호출 $(".name > ul > li ") // class 명이 name 아래에 ul 아래의 li 호출 $(".son").parent() //class 명이 son 인 엘리먼트의 부모(위의 속성) 호출 $(".son").next() //class 명이 son 인 엘리먼트의 다음에 있는 형제속성 호출 (이전에 없으면 호출 안됨) $(".son").prev() //class 명이 son 인 엘리먼트의 이전에 있는 형제속성 호출 (다음에 없으면 호출 안됨) $(".son").siblings() //class 명이 son 인 엘리먼트의 형제속성 모두 호출

jQuery를 사용한 모든 웹페이지는 다음 코드로 시작합니다. $(document).ready()는 문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 의미입니다. jQuery 이벤트 메서드 중 하나입니다. 이 메서드는 비슷한 기능을 수행합니다. 고전 이벤트 모델은 한 번에 하나의 이벤트만 연결할 수 있습니다. 반면에 jQuery의 이벤트 메서드는 표준 이벤트 모델이나 인터넷 익스플로러 이벤트 모델과 마찬가지로 이벤트로 여러개의 함수를 연결할 수 있습니다. 아래의 예제는 실행하게되면 문서가 준비되는 순간 경고창 세 개가 연달아 표시됩니다. $(document).ready() 메서드는 굉장히 많이 사용되므로 jQuery에서는 간단하게 사용할 수 있는 형태를 제공합니다.

css 언어를 통해 html 마크업을 진행하는 기능 입니다. html 상에서 css 언어를 띄어쓰기 없이 작성한 후 탭을 누르면 자동으로 html 마크업이 됩니다. ex) ul>li>a 적용모습 클래스 명도 적용이 가능하다. ex ) ul.nav-wrap>li>a 적용모습 내부에 들어가는 href,src 등도 사용가능하다. ex ) ul>li>a[src="#"] 적용모습 내부에 들어가는 텍스트도 작성이 가능하다. ex ) ul>li>a{안녕하세요} 적용모습 안녕하세요 형제 엘리먼트도 만들수 있다. ex ) ul>li>a{안녕하세요}+div 적용모습 안녕하세요

justify-content: flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다. center: 요소들을 컨테이너의 가운데로 정렬합니다. space-between: 요소들 사이에 동일한 간격을 둡니다. space-around: 요소들 주위에 동일한 간격을 둡니다. align-items: flex-start: 요소들을 컨테이너의 꼭대기로 정렬합니다. flex-end: 요소들을 컨테이너의 바닥으로 정렬합니다. center: 요소들을 컨테이너의 세로선 상의 가운데로 정렬합니다. baseline: 요소들을 컨테이너의 시작 위치에 정렬합니다. stretch: 요소들을 컨테이너에 맞도록 늘립니다. flex-direction: row: 요소들을 ..

perspective: px ; 부모 엘리먼트나 효과에 perspective 속성이 들어가야 3D 효과의 적용이 가능하다. transform : rotate3D(2,2,3,45deg); X Y Z축 회전 transform : rotateX(45deg); X축 회전 transform : rotateY(45deg); Y축 회전 transform : rotateZ(45deg); Z축 회전

간단합니다 int의 성질을 이용하시면 됩니다 double a=6.999; int b=a; 라고하면 b는 int 형 변수이기에 0.9999 소수점 자리를 짤라냅니다. 반올림하기위해서는 소숫점자리가 0.5 보다크면 올리고 작으면 내리기 때문에 (int)(f + 0.5) 해주시면 되겠습니다 f가 9.7 이라고하면 9.7 + 0.5 = 10.2 이기에 int 형 변환시 10.0 이 되고 f가 9.1 이면 9.1 + 0.5 = 9.6 이 되므로 int형 변환시 9.0 이 됩니다. 소스코드는 아래와 같습니다. #include int main(void) { double N; int trans; scanf_s("%lf", &N); trans = (int)(N + 0.5); printf("\n %d", trans); }

- 동적할당이란 무엇인가? : 메모리를 힙에서 할당 받는 방식, malloc을 통해서 메모리의 크기를 자유롭게 요청가능. - 정적할당이란 무엇인가? : 메모리를 스택에서 할당 받는 방식, 컴파일 타임에 미리 결정된 크기만을 받을 수 있다. - 정적할당의 장점은? : 편하다. - 정적할당의 단점은? : 수명조절 불가, 유연함 없다. - 동적할당의 잠점은? : 수명조절 가능, 유연함이 있다. - 동적할당의 단점은? : 큰 힘에는 책임이 따른다. 잘 못 사용했을 때는 메모리 누수와 같은 사고가 일어 날 수 있다.

See the Pen 2D transform by park_byoung-yong (@young-yoi) on CodePen.

시멘틱태그의 기본적인 구성 여러 문단을 묶는 태그, 독립적인 콘텐츠를 정의할 때 사용 콘텐츠나 페이지의 외곽에 위치한 요소들을 묶는 태그, 보통 퀵메뉴나 스크롤탑버튼등에 사용 사용자가 보거나 숨길 수 있는 세부 콘텐츠를 정의할 때 사용 태그를 통해 보여지는 콘텐츠를 담는 태그로 사용 일러스트레이션, 다이어그램, 사진, 코드 목록 등과 같은 자체 포함 된 콘텐츠를 지정 태그로 정의한 일러스트레이션, 다이어그램, 사진등의 제목설명등을 작성 페이지나 일부분의 머리말(헤더)부분을 지정 페이지나 일부분의 꼬리말(푸더)부분을 지정 페이지의 가장 중요한 메인 부분을 지정 페이지의 네비게이션 부분을 지정 페이지의 일부분을 지정