전체 글 썸네일형 리스트형 strapi heroku deploy시 로컬에서 개발한 sqlite db가 보이지 않을 때 .gitignore에서 .tmp 디렉토리를 제거(주석 처리)하고 빌드해 본다. ############################ # Logs and databases ############################ # .tmp *.log *.sql *.sqlite *.sqlite3 더보기 자바스크립트에서 요소의 인덱스값 구하기 https://jsfiddle.net/rvebc4x0/ Edit fiddle - JSFiddle - Code Playground jsfiddle.net function getElementIndex(el) { var _i = 0; while((el = el.previousElementSibling) != null) { _i++; } return _i; } 더보기 Object.keys() - 객체로부터 키값 가져오기 Object.keys() The Object.keys() method returns an array of a given object's own enumerable property names, iterated in the same order that a normal loop would. developer.mozilla.org const object1 = { a: 'somestring', b: 42, c: false }; console.log(Object.keys(object1)); // expected output: Array ["a", "b", "c"] 더보기 3-1.조건식(비교연산자)으로 참과 거짓을 판단 * 자바스크립트에서는 문자형과 숫자형 비교에 주의해야 한다. 예를 들어 ==(동등연산자)는 문자형 숫자와 숫자를 동일하게 보기 때문에 엄격한 비교가 불가능하므로 ===(일치 연산자)로 비교할 수 있다. 더보기 2-5.특정 문자를 유니코드 값으로 반환 모든 문자는 각자 고유의 코드값을 가지고 있다. 문자.charCodeAt(index)으로 10진수 유니코드 값으로 반환한다. 더보기 2-4.사칙연산과 나머지 구하기 더보기 2-3.let과 const 변수(ECMA Script 6) 1. var 키워드는 엄격하지 않아서 미리 선언된 같은 이름의 변수가 존재해도 오류없이 다시 동일한 이름의 변수 선언이 가능하다. 이는 프로그래밍 작업시 동명의 변수가 충돌하는지 여부를 확인할 수 없어 치명적일 수 있다. 2. let은 먼저 선언한 동일한 이름의 변수를 재 선언할 수 없다. *위의 코드를 오류가 나지 않게 수정해 보세요. 3. const는 상수값을 정의한다. 따라서 선언 후 값을 바꿀 수 없다. 더보기 2-2.문자형 데이터 *문자열 표시는 ""부호 안에, 변수로 정의된 값을 표시할때는 변수명만 작성한다. *변수와 변수를 연결하여 표시할때는 + 연산자를 사용한다. 더보기 2-1.숫자형 데이터 *변수를 선언할때는 먼저 var 키워드를 적고 그 뒤에 변수명을 작성한다. 대입하는 값은 숫자나 문자 모든 타입이 가능하다. *숫자는 정수나 실수 구분없이 모두 대입이 가능하다. 더보기 1-3.문자열을 인용부호(" ")안에 표시(이스케이프 문자) "나 '이 문자열 내부에 중복되면 오류가 나므로 해당 인용부호 안에 문자를 포함해 출력하려면 앞에\를 달아준다 더보기 1-2.화면에 별표(*)를 두줄로 줄내림하여 표시 1) 문서에 표시 document.write()는 텍스트 뿐만 아니라 HTML 태그를 그대로 적용하여 출력이 가능하므로 (이스케이프 문자) 로 줄내림 하여 다음 텍스트를 표시할 수 있다. 2) 콘솔창에 표시 콘솔창에서는 문서에 출력하는 방식과 달라 텍스트 정보만 출력이 가능하다. 줄내림을 위해서는 특수문자 \n를 줄내림할 문자 앞에 추가한다. 더보기 1-1.화면에 별표(*) 표시하기 본 예제는 간단한 코드의 실행 위주로 프로그래밍을 학습하는 것이 목적입니다. 언어는 자바스크립트이며 아주 쉬운 단계부터 시작하여 논리적인 사고가 필요한 실용적인 예제로 단계적으로 진행합니다. * HTML 문서에 출력시에는 document.write * console.log() 함수는 디버깅을 위한 용도로, 브라우저의 개발자 도구(단축키 F12)창을 열어 하단의 Console 탭을 클릭하여 결과를 확인할 수 있다. 더보기 이전 1 2 다음
