본문 바로가기

전체 글82

JS기초 4 : method, this 함수 저장 - 배열의 요소(element) 혹은 객체의 속성(property)에 함수를 정의하여 저장 가능 let list = [ "john", 27, function hello_func() { console.log("hello"); } ]; let obj = { nmae : "john", age : 26, hello_func() { console.log("hello"); } }; function hello_func() { console.log("hello") }; hello_func(); // hello 함수를 호출할 때는 매개 변수까지 obj.hello_func(); // hello list[2](); // hello method - 객체에 저장된 값이 함수인 경우, 메서드(method)라고 부름 -.. 2022. 7. 19.
JS 기초 3 : 함수, 재귀함수, 콜백함수 함수 - 함수는 다수의 명령문을 코드 블록으로 감싸고, 하나의 실행 단위로 만든 코드의 집합 - 유사한 동작을 하는 코드를 하나로 묶어 범용성을 확대시킨 블록 코드 - 함수는 정의 부분과 호출 부분으로 구성 - 함수는 가급적 한가지 일만 하며 매개 변수는 최대 3개 이내로 작성 권장 함수 정의 - 함수 이름, 매개 변수, 반환 결과로 구성 - 매개변수는 함수 안에서 변수와 같은 역할을 한다. 1. 함수 선언식 2. 함수 표현식 3. 화살표 함수 // 1. 함수선언식 function add_1(x,y) { return x + y; }; // 2. 함수표현식 const add_2 = function (x,y) { // 이름 없는 함수값을 add_2에 저장해라 return x + y; }; // 3. 화살표 .. 2022. 7. 19.
JS기초 2 : 형 변환, 연산자, SCOPE, 조건문, switch, 반복문, while, 반복문 제어 형변환 - 자바스크립트는 느슨한 타입 언어 혹은 동적 타입 언어로 변수의 자료형을 명시적으로 선언하지 않아도 됌 - 연산자로 인한 계산이나 변수에 전달되는 값은 자동으로 암묵적 형 변환 수행 - 강제적 형 변환을 위해서는 자료형 함수를 이용해 명시적 형 변환 수행 string 예제 - 거의 그대로 나옴 console.log(String(123)); // 123 console.log(String(1/0)); // Infinity console.log(String(-1/0)); // -Infinity console.log(String(NaN)); // NaN console.log(String(true)); // true console.log(String(false)); // false console.log(.. 2022. 7. 18.
JS 기초 1 : 자바스크립트, 입출력, 용어, 변수와 상수, 자료형, 객체타입, 객체 복사 문제점 LeetCode - 온라인 기반 알고리즘 문제 풀이 및 토론 환경 제공하는 플랫폼 사이트 - 자바스크립트, C, C++ 등 인기 있는 코딩 언어 지원 - 글로벌 기업에서 SW 문제해결 인터뷰시 활용 JavaScript - 객체(object) 기반의 스크립트 프로그래밍 언어 - 웹의 동적 동작을 구현하기 위해 제작 표준 입력(stdin) - 컴퓨터의 키보드의 응답을 받아 입력 - 프로그램의 데이터 추가하기 위한 입력 장치 표준 출력(stdout) - 컴퓨터의 모니터에 출력 - 프로그램의 실행 상태나 실행 결과를 보고 판단 - 알고리즘에서는 문제의 정답 확인, 디버깅 용으로 사용 식별자 - 스크립트에서 변수나 함수에 이름을 붙일 때 사용하는 단어 - 자바스크립트 내 식별자 규칙 - 키워드 사용 불가 - 숫자.. 2022. 7. 17.
css 1 : 소개, 적용 방법, 캐스캐이딩 css - cascading style sheet - font, animation, table 등 모듈별로 각자의 버저닝을 함 cascading : 폭포수가 흐르듯이 위에서부터 아래에 영향을 준다는 뜻 선택자, 선언 블럭 - 선택자(selector) : 어떤 html 요소를 가리키는지 명시 - 선언 블럭(declation block) : {} 내부에 속성들이 들어감 - 선언(declation) : 속성(property) : 값(value); 형식으로 작성 주석(comments) - /* */ 형식으로 작성 css 적용 방법 1. embedded - html - head 태그 사용 Hi! 2. inline - style 속성 사용 - 공부할 때는 사용을 지양하기를 추천 2022. 7. 11.
html 9 : 전역 속성 class, id, style, title, lang, data, draggable, hidden 전역속성 - 어떤 태그에도 전부 다 사용할 수 있는 속성 class, id - 식별자, - id : 고유 식별자(하나의 문서에는 하나의 id만 사용 가능), 공백을 허용하지 않음 - class : 중복 사용 가능, 하나의 요소가 여러개를 가질 수 있음(공백으로 구분) 안녕 안녕 안녕 안녕 style - 태그의 속성으로 style을 쓰면 하나의 태그에 style을 적용할 수 있음 - 짧은 css나 연습할 때, 일시적으로 style 적용할 일이 있다거나 테스트 등 특수한 상황에 쓰임 - 외부의 css 파일 보다 우선 적용되기 때문에 지양 Well, I am the slime from your video Oozin' along on your livin' room floor. title - 커서를 올리면 설명하.. 2022. 7. 11.
반응형

티스토리툴바