민팽로그

export와 import는 3월쯤 자바스크립트 오픈소스를 뜯어보다가 처음 접한 후 대충 알게 됐다. 그때 느낀 바는 특정 기능을 담당하는 함수들이 모여있는 파일이 있고 외부에서 사용될 함수들을 export한 다음 이를 다른 파일에서 import하여 사용하는 것으로 모듈을 기능별로 잘 분류해야 좋은 코딩의 형태가 되겠구나 였다. export는 자바스크립트의 값, 함수, 딕셔너리(객체) 또는 자바스크립트 파일 자체를 외부로 내보내는 키워드 이고 import는 반대로 자바스크립트 파일 안으로 가져오는 키워드이다. util.js파일 export function times(x) { return x * x; } export function plusTwo(number) { return number + 2; } in..

*자투리지식: var은 중복 선언해도 에러가 나타나지 않으므로 가급적 let, const를 사용하도록 함 함수 정의 방법 1. function func_name() { //실행 코드 } 함수 정의 방법 2. let a = function() { //실행 코드 } 함수 정의 방법 3. - 최신방식 let a = () => { //실행 코드 } 딕셔너리 키와 값을 빠르게 꺼내기 - 비구조 할당 //객체 let blog = { owner : "noah", url : "noahlogs.tistory.com", getPost() { //함수도 딕셔너리에 넣을 수 있음 console.log("ES6 문법 정리"); } }; //기존 할당 방식 let owner = blog.owner //또는 let owner = ..

메모 생성 javascript 예시 // 메모를 생성합니다. function writePost() { // 1. 작성한 메모를 불러온다. let contents = $('#contents').val(); // 2. 작성한 메모가 올바른지 isValidContents 함수를 통해 확인합니다. if (isValidContents(contents) == false) { return; } // 3. genRandomName 함수를 통해 익명의 username을 만든다. let username = genRandomName(10); // 4. 전달할 data JSON으로 만듭니다. let data = {'username': username, 'contents': contents}; // 5. POST /api/me..

jQuery? - 미리 작성된 자바스크립트 함수 모음집 - HTML, CSS 조작 함수를 미리 만들어서 제공 https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started jQuery Get Started Adding jQuery to Your Web Pages There are several ways to start using jQuery on your web site. You can: Download the jQuery library from jQuery.com Include jQuery from a CDN, like Google Downloading jQuery There are two versions of jQuer www.w..

변수 선언 - 변수 선언에 자료형이 없음. let a = 3 let b = 2 콘솔에 출력 java의 System.out.println()처럼 콘솔창에 출력 console.log(a); 자료형 (문자, 숫자, boolean, 리스트, 딕셔너리) ① 문자, 숫자 - 문자열을 나타낼 때 홑따옴표, 쌍따옴표 모두 가능 let name = 'javascript'; let name2 = "javascript" // 자바와 다르게 홑/쌍따옴표 모두 가능 let num = 10; console.log(num + name); // 문자 + 숫자 하면 둘 모두를 문자로 취급하여 연결 ② boolean let age1 = 18; let age2 = 20; let isAdult = age1 > 19; console.log(..

HTML(Hyper Text Markup Language) 웹페이지를 위한 지배적인 마크업 언어로 웹 페이지의 뼈대 역할을 함. 제목, 단락, 리스트, 링크 등으로 구성된 문서를 만들 수 있는 방법을 제공. HTML 특징 여는 태그, 닫는 태그가 쌍으로 존재 태그를 함께 쓸때 태그들 간 교차 불가 크게 head, body태그로 구분 대표적인 HTML 태그 h1~h6 headline의 약자. 6종류의 headline을 각각 h1~h6로 표현 div 구역을 나눔. 투명 비닐봉투같은 역할 p 글의 단락. 텍스트 내용을 담음 ul, ol, li ul: 순서가 없는 리스트 ol: 순서가 있는 리스트 li: 리스트 span 글의 중간에 있는 특정 부분에 색을 입히는 등에 사용 table, th, tr, td 엑셀 ..