Javascript6 Web3. Ajax 강의 노트정리 2. 부분적인 내용이 바뀔 경우, 필요한 부분만 로드하면 서버도,사용자 입장에서도 자원을 아낄 수 있다. 전체 새로고침을 할 필요없이 선택적으로 변경하니까 바뀐부분에만 더 집중할 수 있다. 3. 기본구조를 재사용해서 ajax로 동적으로 변화시킬부분만 하자. 바뀌는 부분의 파일만 만들면 html코드를 구구절절 적어놓을 필요도 없다. 4. https://opentutorials.org/course/3084/18894 웹서버 운영하기 : 맥 - 생활코딩 자신의 운영체제에 맞는 수업을 찾아서 학습해주세요. 맥에 웹서버 설치하기 웹서버와 http 웹브라우저와 웹서버의 통신 --- 맥에 웹서버 설치 이번 시간에는 아파치 웹서버를 맥 컴퓨터에 설치 opentutorials.org 깃허브나 웹서버 구축으로 ajax통신.. 2021. 7. 5. Web2. javascript 강의 키워드 정리 2. 정적인 html을 javascript를 이용해서 사용자와 상호작용하는 화면을 만들 수 있다. 3. Elements == tag 4. onclick="" onclick 에는 반드시 js코드가 와야 한다. onclick속성에 저장된 js코드를 저장했다가 클릭시 실행한다. ==> 이벤트 실행 onchange="" 기존과 다른 텍스트를 입력하면 인지한다. onkeydown="" 인풋창에 무언가를 입력하는 순간 인지한다. 이런 onclick~ 같은 요소를 event라고 한다. 5. Dev Tools console (elements창에서 esc로 콘솔창 표기를 토글스위치로 쓸 수 있다.) console창에서 html내 코드의 간단한 조작이 가능하다. 12. document.querySelector() : cs.. 2021. 7. 3. javascript 6. class vs object class : 조금 더 연관있는 아이템을 묶어놓는 틀. fields, methods를 종합적으로 묶여있는 틀 *fielsd만 들어있는 것 : 데이터 클래스 class person{ name;//field 속성 age;// field 속성 speak(); //method 행동 } 2021. 6. 17. javascript 5. Function 함수 function fucntion 함수이름(파라미터1, 2,..){ body...return) 함수는 object로 간주되어짐 -> 변수로 할당하거나, 파라미터로 전달, 함수를 리턴하는 것까지 가능하다. 하나의 함수 당 하나의 기능만을 하는 것을 원칙으로 한다. 만약 함수이름 명명 시, createAndDraw 이런식으로 이름을 짓게 된다면 두개이상의 기능을 하는게 아닌지 살펴보고 두개로 나누어 함수를 분리할 필요가 있다. 변수이름 : 명사 함수이름 : 동사 무언가 동작하는 형태기 때문에 동사, 명령어로 하는게 좋다. 3. default parameters 디폴트 파라미터 기존에는 위처럼 디폴트인 경우를 정의해줬지만, 저렇게 = '' 형식으로 디폴트 값을 지정해주면 사용자가 값을 넣지 않았을 때 대체되어진.. 2021. 6. 16. javascript 4. operator, if~else, loop(for, while) operator (연산자) equality operator (동치 연산자) 엘리1과 2의 값이 같지만 레퍼런스는 다르다. 다른, 독립된 레퍼런스에 같은 값이 저장된 것이니. 애초에 레퍼런스가 다르니 당연히 타입을 비교해도 false. ellie1 != ellie2 ellie1 !== ellie2 but, ellie3 은 ellie1을 가리키고 있기 때문에 같냐고 물어보는건 당연히 true. 0, ''은 false로 간주된다 했으니 true. 하지만 타입은 다르니 strict equality는 false. null 은 undefined로 간주되지만 타입이 같지는 않다. if ~else ? 만약 ~이면 : 아니면 ? -> name이 ellie면 : -> yes 아니면 no but, 간단할 때만 이렇게 쓰는게.. 2021. 6. 16. Javascript 1-3. 기초, 데이터 타입 1. 크롬 개발자도구 단축키 cmd + option + i 2. 백틱 한글일 때 : 원화 표시 ₩ 영문일 때 : 백틱 표시 ` node js node를 다운하라길래 했다. 아직 노드를 어떤 식으로 사용해야 하는지 잘 모른다. node js를 깔면 js파일을 바로 읽을 수 있다고 했다. 맥 내 TextEdit.app 을 사용하면 js확장자로 저장해도 읽히지 않는다. 그래서 vscode로 js파일을 생성해서 node를 사용해서 읽으니까 log 출력에 성공했다. Dev Tools tab별로 간단한 소스 코드 수정 및 리뷰 가능 (데브 툴스가 뭔지 몰랐는데 나는 이미 데브 툴스를 사용하면서 디버깅하고 있었음을..) console 탭에서도 간단한 자스 수정이 가능함. source 는 디버깅할 때 유용 Javasc.. 2021. 6. 15. 이전 1 다음
