Programming/Javascript7 노마드코더 바닐라js 그림판 클론코딩하면서 배운거 보호되어 있는 글 입니다. 2022. 3. 22. 자바스크립트 객체 지향 자바스크립트 계열에 속하는 언어들을 말함 prototype based programming 프로토타입 기반 프로그래밍 -객체 지향이란 서로 연관된 변수와 연관된 메소드를 객체라는 그릇에 넣는것 연관되지 않은건 연관되는것끼리 다른 객체에 그룹핑 하는것 그런걸 제공하는 문법적 체계가 바로 객체 객체로 객체화시키면 각각의 로직들은 하나하나가 일종의 프로그램처럼 독립성을 갖게됨 > 여러 완제품의 부품으로 사용될 수 있음 객체지향으로 도달하려하는것 >좋은 부품의 로직을 만드는 것(멀고도 험함) 출처 생활코딩 2022. 2. 11. 자바스크립트 콜백, 비동기처리. 비동기 콜백 변수, 함수의 매개변수, 리턴값의 다양한 용도로 사용될 수 있는 데이터를 프로그래밍에서 first-class citizen/object 라고 부른다. 자바스크립트의 함수가 이에 해당됨. - 콜백 : 어떤 함수가 수신하는 인자가 함수인 경우 함수를 값으로서 사용할 수 있으니까 오리지널 함수의 동작방법을 값(함수)을 전달하는 것으로 바꿀 수 있다. 콜백은 자바스크립트에서 함수가 값이기 때문에 가능한 것 - 비동기처리 글작성> 이메일발송> 작성완료 순차적 진행:3시간 걸림 =>동기적 처리 이메일 발송 예약 (발송은 프로그램이 백그라운드 실행)/to do (지금은 아니어도 앞으로 할 일을 기록해두고 나중에 처리하듯) => 비동기적 처리 Ajax(Asynchronous Javascript and XML) : 화면.. 2022. 2. 6. 생활코딩 자바스크립트 함수 -유효범위 전역변수 _앱 전역에서 접근이 가능한 변수 (함수 바깥에서 선언 지역변수 _함수 안에서 접근 가능한 변수 같은 이름의 지역, 전역변수가 동시에 정의돼있으면 지역변수가 우선. 지역변수를 선언할 때 var을 사용하지 않으면 전역변수가 됨. 지역변수를 사용하는 것이 좋음 (함수의 핵심은 로직의 재활용 전역변수를 사용해야 할 때는 사용하는 이유를 명확히 알고 있을 때 사용할 것. 전역변수는 각기 다른 로직에서 사용하는 같은 이름의 변수값을 변경시켜 의도치 않은 문제를 발생시킨다. -불가피하게 전역변수를 사용해야 하는 경우는 하나의 객체를 전역변수로 만들고 객체의 속성으로 변수를 관리하는 방법을 사용한다. 전역변수를 사용하고 싶지 않다면 익명함수를 호출한다. 함수 끝에 () 붙이고 함수 전체와 ()를 .. 2022. 1. 16. 생활코딩 자바스크립트 객체, 모듈, API 출처 생활코딩 -객체 배열과의 차이점 배열은 인덱싱을 숫자로만 가능하지만 객체는 문자로 인덱싱이 가능하다. 다른 언어에서는 연관 배열(associative array) 또는 맵(map), 딕셔너리(Dictionary)라는 데이터 타입이 객체에 해당한다. -객체를 만드는 방법과 객체에서 값 가져오기 var grades = {'Apple': 10, 'Bat': 5, 'Cite': 68}; //Apple은 key, 10은 value //또 다른 방법 var grades = (); grades['Apple'] = 10; grades['Bat'] = 5; grades['Cite'] = 68; //객체에서 필요한 값 가져오기 var grades = {'Apple': 10, 'Bat': 5, 'Cite': 68}; .. 2022. 1. 15. 생활코딩 자바스크립트 반복문까지 모든 출처 생활코딩 http://ejohn.org/apps/learn/ jQuery를 만든 John Resig의 JavaScript 고급 강의 https://developer.mozilla.org/ko/docs/JavaScript/Guide Firefox의 모질라 재단에서 운영중인 자바스크립트 튜토리얼 http://opentutorials.org/course/50 JavaScript 사전 http://www.html5rocks.com/ko/ alert 경고박스 console.log //숫자 Math.pow(3, 2); //9, 3의 2승 Math.round(10.6); //10.6을 반올림 Math.ceil(10.2); //10.2를 올림 Math.floor(10.6); //10.6을 내림 Math.sq.. 2022. 1. 14. js부터 공부 코딩앙마님_ 자바스크립트 기초 강좌: 100분 완성 메모 string number boolean prompt 입력> 문자형 자동형변환 명시적 형변환 string >문자형으로 변환 number > 숫자형으로 변환 Number("문자") //NaN false : 숫자0, 빈 문자열",null, undefined,NaN Boolean() >불린형으로 변환 .주의사항 Number(null) //0 Number(undefined) //NaN 암기! Number(0) //false Number('0') //true Number('') //false Number(' ') //true 증가 연산자, 감소 연산자 .비교연산자 //동등연산자 const a = 1; const b = "1"; console.log(a == .. 2021. 12. 30. 이전 1 다음
