Programming 썸네일형 리스트형 식별자를 지정하는 4가지 방법 변수명, 함수명, 클래스명 등 식별자를 지정하는 방법 4가지를 알아보고 이러한 규정이 왜 필요한지 알아보자. winnercrespo.com/naming-conventions/ What is camelCase, PascalCase, kebab-case and snake_case? Since we cannot define a variable like fruits in basket because many (or maybe all) programming languages will interpret the space character as the end of the identifier and the beginning of something else, we need to do something like fruits.. 더보기 [JavaScript] Jasmine이란? 간단한 예제로 알아보기 BDD 프레임워크의 한 종류인 Jasmine에 대해 알아보고 간단한 예제를 직접 구현해보자. www.dailysmarty.com/posts/jasmine-specs Jasmine Specs introduction.js Jasmine is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests. This gu www.dailysmarty.com * 본 포스팅은 위 문서를 .. 더보기 [CSS] Position의 모든것★ 이번 포스팅에서는 웹페이지에서 요소의 위치를 자유자재로 정렬하기 위한 모든 개념을 꼼꼼히 정리해볼 것이다. 1. Position CSS에서 Position은 요소가 문서 상의 어디에 위치할 것인가를 지정한다. 최종적으로 left, right, top, bottom (오프셋) 속성으로 문서의 최종 위치를 정의하게 되는데 Position의 값에 따라 그 위치를 지정하는 방식을 결정하게 된다. static(기본값) 기본값. 오프셋 속성을 무시한다. relative absolute 가장 가까운 부모요소의 위치에 따라 상대적으로 배치 (가까운 부모요소가 없다면 가장 상위 컨테이너에 따라 배치) fixed 문서의 최상위 컨테이너를 기준으로 배치 (단, 부모요소 중 transform, perspective, filt.. 더보기 [HTML] section태그와 article 태그의 차이점 버리고 써야 하는 이유 webactually.com/2020/03/03/%3Csection%3E%EC%9D%84-%EB%B2%84%EB%A6%AC%EA%B3%A0-HTML5-%3Carticle%3E%EC%9D%84-%EC%8D%A8%EC%95%BC-%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0/ 버리고 HTML5 써야 하는 이유 - Webactually 각 태그는 목적에 맞게 쓰여야 합니다. 제목을 표시할 때는 헤딩 태그를 〈h1〉, 〈h2〉··· 순차적으로 나열하는 구조여야 합니다. 같은 레벨의 〈h〉 태그에 〈section〉을 둘러싸서 제목 크기를 webactually.com 위 게시물에서 article과 section의 차이점을 비롯해 태그가 왜 유용하지 않은지, 또 그런 태그.. 더보기 [JavaScript] 객체(Object) 객체 객체는 키와 값으로 이루어진 사전 형태의 데이터타입이다. 배열과 유사하지만 인덱스값(키값)을 문자로 사용할 수 있다는 특징이 있다. - 객체의 생성 객체를 만드는 방법에는 여러가지가 있다. 예를 들어 상품의 가격을 저장하는 객체를 만들어보자. var prices = {'A' : 3000, 'B' : 4000, 'C' : 2500} 'A'는 인덱스값, 즉 key가 되고 3000은 value가 된다. 객체를 만드는 다른 방법 var price = {}; price['A'] = 3000; price['B'] = 4000; price['C'] = 2500; 또 다른 방법 var price = new Object(); price['A'] = 3000; price['B'] = 4000; price['C'] =.. 더보기 [Javascript] 반복문(iterate, loop) 반복문에는 두 가지 종류가 있다. 1. while문 2. for문 1. while문 변수 초기화 while(반복 조건) { 반복 실행문 } 2. for문 for(초기화; 반복조건; 반복실행){ 실행문 } - 초기화부분은 실행 초기에 한 번만 실행됨 - 반복조건이 true로 충족하면 반복조건 실행 - 실행문이 실행되면 반복실행문 실행 -> 반복조건 충족여부 판별 *for문 괄호 안에 마지막의 세미콜론(;)은 생략한다. * i = i + 1의 다른 표현방법 i++ i = 0; alert(i++); // alert이 실행되는 중 i값에 0이 저장된다. (alert이 실행된 후에 i 값에 1이 저장된다.) ++i i = 0; alert(++i); // alert이 실행되는 중 i값에 1이 저장된다. (i값이 1.. 더보기 [JavaScript]조건문(Conditional statement) - 조건문 조건문이 true면 실행문이 실행되고, false면 실행문이 실행되지 않는다. If (조건문) { 실행문 } - 조건문의 중첩 상위 조건문이 참이면 실행되는 실행문 안에 다른 조건문을 입력해 이중으로 판별할 수 있다. If(조건문1) { 실행문1 if(조건문2) { 실행문2 } } 예제) 실제로는 아이디가 해당 사이트에 회원가입되어있는 아이디인지, 그리고 그 아이디에 맞는 비밀번호인지 판별하게된다. 이번에는 간단하게 아이디 하나와 비밀번호 하나를 변수에 저장해 조건문을 이용해 진위여부를 판단하는 예제를 만들어보겠다. 더보기 prompt() : 페이지에 경고창이 실행되며 그 경고창 안에는 사용자가 어떤 값을 입력할 수 있다. 입력받은 값은 콘솔창에 출력된다. 더보기 prompt에서 받은 값을 c.. 더보기 [CSS] HTML에 CSS를 적용하는 3가지 방법 1. HTML문서 안에서 CSS를 적용할 태그 내에 입력하기(inline style sheet) 2. HTML 문서 안에서 태그 내에 입력하기(internal style sheet) 3. 외부 CSS 파일 연결하기(linking style sheet) 1. HTML문서 안에서 CSS를 적용할 태그 내에 입력하기. 가장 기본적인 방법이다. 태그에 style어트리뷰트의 값으로 원하는 css값을 입력한다. 빨간 테두리가 있는 박스를 만들고싶다! 적용할 css정보가 많지 않은 경우 사용하면 좋은 방법이다. 적용해야 하는 css정보가 많으면 코드가 지저분해지고 재사용이 불가능하다는 단점이 있다. 2. HTML 문서 안에서 태그 내에 입력하기 그 다음 방법은 태그를 이용하는 방법이다. 보통 빨간 테두리가 있는 박스.. 더보기 이전 1 2 3 4 5 다음
