본문 바로가기

분류 전체보기

[부스트코스][BoostCourse] 10. Javascript 활용(2/2) (UI-API / JS 심화공부 키워드) / 서포터즈 활동 끝 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 UI-API UI는 User Interface의 약자로, 사용자들이 시스템을 제어하기 위해서 조작하는 장치를 말한다 예시) 인터넷 사용자가 로그인하는 "입력창과 로그인 버튼" API는 Application Programming Interface의 약자로, 프로그래머들이 사용하는 조작 장치를 말한다 예시) 경고창을 띄우도록 하는 코드 "alert" 이처럼 우리는 API를 적절히 사용하며 프로그래밍을 하게 된다 "API/프로그래밍"의 관계는 "단어/문법"의 관계, "조립 부품/조립 방법"의 관계와 같다고 볼 수 있다 그렇다면 UI는 어떻게 표현할 수 있을까? 영어를 사용하는 "회화", 조립된 장치를 적절히 작동시키는 "버튼" 등으로 비유할 수 있을 것이다 더.. 더보기
[부스트코스][BoostCourse] 9. Javascript 활용(1/2) (JS 파일 저장 / 라이브러리-프레임워크, JQuery) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 .js 파일 이용 태그 안의 css 코드를 .css 파일로 분리시킬 수 있는 것처럼, JS 파일도 따로 분리시킬 수 있다 '파일명.js' 이름으로 파일 분리 후 -> ... 위와 같이 src='' 속성을 추가하면 파일을 불러올 수가 있다 되도록이면 파일 수를 줄여야 페이지를 불러올 때 성능이 향상되고, 로딩시간이 감소한다 이처럼 파일을 분리할 경우 다음과 같은 장점이 있다 유지보수가 편리하다 : 여러 곳에 쓰이는 JS를 동시에 수정할 수 있다 가독성이 좋아진다 캐시에 저장할 수 있다 : 페이지에 JS 파일을 다운로드하여 캐시에 저장해두면, 후에 더 빨리 페이지를 표시할 수 있다 라이브러리-프레임워크 라이브러리는 단순 활용가능한 도구(소프트웨어)들의 집합을.. 더보기
[부스트코스][BoostCourse] 8. Javascript 객체 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 객체의 개념 snupi.tistory.com/100 [부스트코스][BoostCourse] 6. Javascript 함수(1/2) (JS 함수의 개념 / 장점) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 개념 함수는 데이터를 전달받아 처리한 후 결과를 출력하는 코드 블록이다 예시를 자판기로 들어보자 ex) 우리는 돈을 넣고 음료수 버튼(매 snupi.tistory.com 우리는 전 포스팅에서 함수를, 한 줄이라도 그 구현의 의미를 명확하게 하기 위해 활용하였다 하지만 프로그램에서 기능들이 많아진다면, 중복이 되지 않게 함수의 이름을 계속 길게 작성할 것이다 이를 방지하게 위해 우리는 폴더로 정리한다 이와 같이 우리는 함수(메소드)와 속성(프로퍼티)들.. 더보기
[부스트코스][BoostCourse] 7. Javascript 함수(2/2) (JS 함수의 매개변수와 인자 / 리턴 / JS의 전역함수) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 // 함수 선언 function 함수이름 ([arg1, ..., argn]) { ...프로그램 코드... return 문 } // ex function add123() { document.write(1 + 2 + 3); } // 함수 호출 함수이름(); // ex add123(); 매개변수와 인자 (parameter, argument) - arg1, ..., argn 함수를 호출하는 곳으로부터 값을 받는 것 여러 개 있을 때 콤마(,)로 분리하고, 없어도 무관하다 덧셈을 해주는 함수를 다음과 같이 작성해보자 function sum(left, right) { document.write(left + right); } 그리고 다음과 같이 함수를 호출하면, 두 .. 더보기
[부스트코스][BoostCourse] 6. Javascript 함수(1/2) (JS 함수의 개념 / 장점) 본 게시글은 생활코딩 강의를 듣고 정리한 글입니다 개념 함수는 데이터를 전달받아 처리한 후 결과를 출력하는 코드 블록이다 예시를 자판기로 들어보자 ex) 우리는 돈을 넣고 음료수 버튼(매개변수; parameter, 인자; argument)을 누르면 자판기(함수; function)는 (프로그램 코드를 통해) 그 음료수를 뽑아준다(출력; return) 물론 전달받는 데이터 없이, 결과없이 작업을 수행하기도 한다 구성은 다음과 같다 // 함수 선언 function 함수이름 ([arg1, ..., argn]) { ...프로그램 코드... return 문 } // ex function add123() { document.write(1 + 2 + 3); } // 함수 호출 함수이름(); // ex add123();.. 더보기

티스토리툴바