🗝️소프트웨어/📗JavaScript

로그인 서비스 전체 흐름

각 명령코드별로 검색하면됨

jquery selector

this는 선택 대상 event on 메소드, 특정 사건이 발생하는 시점에 실행할 명령을 실행하는 메소드 이벤트 종류 jss click() 이라고 함수를 만들 경우, 사용 불가 왜냐하면 중복된 이름이기 때문에, 하지만 에러가 안뜬다. 디버깅하는데 에로사항 Ajas Asynchronous Javascript and XML h1태그, a태그등을 쓰면 글자의 모양이 바뀔 것이다. 이라고 태그를 새롭게 만들면 이것은 사용X 하지만, XML 은 태그를 정할 수 있다. jsp 와 ajax 차이점 해당 부분에 대한 내용만 새롭게 정보를 가져다준다 이것을 비동기라 하고, 중복된 코드가 발생하지 않고, 네트워크 대역폭 지원 낭비를 막을 수 있다 만약 jsp처럼 처리를 하면, 화면 전체가 깜빡 거린다 서버가 많은 부하를 ..

jQuery

등장배경 이벤트 등록하기 방법 인터넷 브라우저 차이에서 오는 코드의 차이! 호환이 정말 어렵다 jQuery 가 등장한 이유! 모든 브라우저에서 동작하는 자바스크립트를 간편하게 사용할 수 있도록 단순화시킨 오픈소스 라이브러리! Javascript ~~~~가로 값을 50px로 저장/ for문을 이용 jQuery를 이용했을떄 JQuery 특징 DOM 효율적인 Selctor Ajax 단순화(비동기 통신) Cross Browsing 지원 시각적 효과 애니메니션 구현 단순화, 메소드 체인 공개된 코드는 jQuery인 이유 카카오부터 시작해서~~ 이유 : 매번 라이브러리를 import 해야하므로 jQuery 문법 사용을 위한 2가지 방법 가장 많이 사용 1번. 2번은 카카오같은 곳에서 파일을 같이 함께 넣어서 보내줌..

[javascript] 자바스크립트 함수 - 내장 함수

1

[javascript] 자바스크립트 함수 - 객체 생성자 함수

[javascript] 자바스크립트 함수- 스코프 scope

내용 1

[javascript] 자바스크립트 함수 - return 문

2개 과목 점수를 입력받고, 평균 점수 출력하기 코드 핵심 : String 에 대하여 형변환을 해주기 / 배열 인덱싱 이용하기 결과 이미지를 이용해 갤러리를 만드는 실습 setAttribute("속성명","새 값") 메소드 선택한 태그의 지정한 속성을 새 값으로 바꾼다 이미지를 미리 파일에 넣어두기 시행 착오 : 이것때문에 20분정도 소요되었다. 이미지가 불러오는데 디렉토리 관련하여 신경을 못써줬다. 1. 이미지 전용 폴더를 현재 작업 폴더 05_2리턴.html을 실행하는 폴더 내부에 만들어준다! 2. 사진마다 크기가 달라서 크기를 지정해주면 좋다 버튼 크기가 보이는가? 정말 작게 보인다 그리고 각 사진마다 크기가 다르기 때문에 통일 시켜줄 필요가 있다 해결코드 : 잠깐 여기서 alt=" " 속성이란? ..

[javascript] 자바스크립트 함수 - 익명 함수, 호이스팅, getElementById, 매개변수가 없는 함수, 매개변수가 있는 함수

함수 정의문과 익명 함수를 변수에 참조한 예 함수 정의문을 이용해 버튼을 클릭할때마다 배경색이 바뀌도록 하는 코드 매개변수가 있는 함수 정의문 질의응답, 아이디/비밀번호를 입력받기 매개변수 없이 함수에 전달된 값 받아오기 함수 정의문에서 arguments? 매개변수를 사용하는 것과 같은 효과 함수 호출문의 값을 받아올 수 있음 함수 정의문의 매개변수가 없는 상태에서 데이터를 전달하여 함수를 호출하면 그 값은 배열에 저장됨 함수 정의문에서 그 값을 arguments 라는 변수로 참조 다음 코딩의 잘못된점 arguments 이다 s를 조심!

자바스크립트 알고리즘 공부 / javascript tag

첫번쨰 코드 이 코드는 span 태그를 가져와서 읽어오지 않기 때문에 잘못된 접근이라 할 수 있다 하지만, 답은 정확하게 나타내므로 50% 정확한 답이다 수정된 코드 코드 다이어트 순서 1 코드 다이어트 순서 2 참고하기 코딩은 항상 최고의 다이어트는 선택이 아닌, 필수! 개념 공부 innerHTML 같은 경우 태그 같이 시작과 끝이 있는 태그에서 사용할 수 있는데 input 태그 같은 경우, 태그가 1개라 value 를 이용해야한다 사용 빈도는 innerHTML 보다 value 가 더 사용 빈도수가 높다 복수데이터 데이터를 가져왔는데 , collection(3) 한개가 아니라 여러개의 데이터가 넘어왔다는 뜻 실제 데이터 타입은 다른데, collection과 array의 차이점 분석하기 elements ..

Javascipt: document.write / console.log / alert / prompt / confirm

자바의 기초중에 기초이다 document~ : 많이 쓰지 않는다 console..log() : 창을 띄어서 확인하기 좋다 1. document.write() html 문서에서 직접 출력 2.console.log 데이터를 받아서 왔을때 오류가 있는지 등을 확인하기 위해서 사용을 많이한다 3.alert 우선 순위가 가장 높다 알림 팝업창을 통해서 출력한다 console log 비슷한 개념 promt / confirm promt : return 타입이 모든 integer, 내용들은 string으로 받는다 confirm : 리턴타입이 boolean이다 핵심 return타입이 어떤것인지 파악하는것!!!! prompt 를 이용하면, 형변환을 많이 사용하게 된다 입력창을 통해서 데이터를 입력받는 prompt >> 리..