onnnzeoz
article thumbnail
국비코딩 Feb09 | EventListener, 익명함수, keycode로 전송하기, location객체, 부모 자식 창 연결하기
Spring 2023. 2. 9. 17:43

‣ 태그를 객체라고 부르는 이유 : 생김새가 비슷함, attr와 value가 둘 다 있음 ‣ .(점)찍고 들어가는게 직접 접속 그거 말곤 get이나 set을 활용해서 들어감 ‣기본 속성을 볼려면 배열안에 넣어봐 console.log([monkey])이런 식 더보기 이렇게 event를 인자값으로 넣어주면, 가지고 있는거 다 내놔 가 되는거임 그래서 모든 속성 볼 수 있음 이렇게! 이벤트객체를 받을 때 event를 넣어주면되고 반대로 이벤트가 발생된 당사자의 정보를 받을 대는 인자값으로 this를 넣어준다 ‣ 타이핑한 내용을 console에 찍는 단계 처음에 body에서 tag에 함수걸고 script에 같은 이름의 함수를 선언하고 1. console찍어서 이벤트 발생시 함수 호출 되는지 확인 2. 원하는 태..

article thumbnail
국비코딩 Feb08 | jso, json, shallow copy, DOM객체, event
Spring 2023. 2. 8. 18:33

- 배열 하나의 이름으로 여러 변수를 만들 수 있는 것 **slice(1) 이렇게 인자값이 하나만 들어가면 1번 인덱스부터 다 보여줘라~ 라는거 slice는 원본 훼손 안해 delete와 spliceDel 둘 다 삭제하는거긴한데 delete는 완전히 empty상태로 두는거라 되도록 spliceDel 쓰셈 배열간 복사는 하나씩 빼서 이동시켜야 한다! a배열과 b배열을 각각 바꿨으나 한번에 적용이 되어서 결과가 이렇게 나타남 a : 50,2,3,4,100 b : 50,2,3,4,100 이 현상이 바로 shallow copy shallow copy : var b = a배열을 b로 '복사'한게 아니라 '연결'했다고 보는 것 그렇다면 배열복사는 어떻게 해야하는가?? 해결방법 : 하나하나 해야함 var src = ..

article thumbnail
국비 코딩 Feb07 | switch문과 if문 차이점, while문과 do-while문 차이점, break와 continue, 자바스크립트 배열 함수 10가지
Spring 2023. 2. 7. 17:31

무언가를 검사할 때 else if switch문은 if문처럼 하나하나 검사하지 않아 이미 case들의 내용을 다 알고 있는 것처럼 한번에 그 자리로 감-> 속도면에서 우월함 but switch문은 복잡한 조건문을 넣을 수 없음 또 얘가 정답으로 한번에 갈 수 있는 이유는 case들을 다 저장하고 있어서임-> 메모리 많이 소요 즉각반응할 때는 switch문을 사용함 EX) 얘가 어떤 등급이라 특정 페이지로 돌려야한다 하면 switch문 사용 switch문은 switch(item){ case "생수": console.log(item+'가 나왔습니다.'); break; case "오렌지 주스": console.log(item+'가 나왔습니다.'); break; default: console.log(item +..

article thumbnail
국비 코딩 Feb06 | 자바스크립트 기본정보, 연산자 정리, var선언, if문 단점
Spring 2023. 2. 6. 17:18

Java Script - 역할 프론트엔드인 html에 동적기능을 구현해줌 - 특징 html 문서 내의 객체를 다룰 수 있다 html 문서 내의 css 요소를 핸들링 할 수 있다 서버와 통신해서 얻은 respons를 동적으로 표현해줌 (Ajax 에이잭스) 자바스크립트 객체 형태의 데이터를 서버와 주고 받을 수 있다(Json) 자바스크립트를 이용한 라이브러리들이 계속적으로 나타나고 있다(node.js, jQuery, Electron) - 적용 방법 html 문서 내에 따로 작성 (body태그 밑에서 실행) js 파일을 외부에서 불러옴 변수 무언가 담는 컵각 컵을 구별하기 위해 변수에 이름을 붙임다양한 데이터가 담길 수 있음 (데이터 구분없이 다 담음) 연산자 피연산자를 연산자를 통해 계산하는 것피연산자 수에..

article thumbnail
국비코딩 Feb03 | CSS 기본 정보, 자주 쓰이는 태그, Syntax, float, hover
Spring 2023. 2. 3. 17:41

2/3 CSS cascading style sheets css 적용 방법 1. 해당 태그에 직접 설정(요즘 잘 안씀) 2. html문서 내에 따로 설정 (주된방법) 3. CSS 파일 외부에서 불러옴 -favicon : 각 사이트를 대표하는 이미지, 즐찾시 아이콘으로 사용 넣으려면 DAUM NAVER GOOGLE " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 - min-width max-width -position 속성으로 div를 배치할 수 있음 static : relative의 기준이 되는 속성, 잘 사용x relative: 다른 요소와 연관되어 움직임, static이 없으면 가장 가까움 relative를 기준삼 absolute: 다른 요소에 방해받지 않고 움직임 fi..

국비 코딩 Feb02 컴퓨팅 사고 / html 기본 정보, 태그
Spring 2023. 2. 3. 16:56

우유문제 (Too Much Milk) 문제1 자취생 한 사람만 계속 우유를 살 수 있음 해결법 : 번갈아 가며 냉장고 문을 열기 or 공금을 걷어서 우유를 사기 or 한 사람만 발견하더라도 사오는건 번갈아가며 사오기 or 주기 설정해서 우유 사기 한달에 A 5번 B 5번 횟수 정해놓고 우유를 사오면 한 번씩 차감하기, 남는다면 이월하기, 자취를 따로 할 때까지 횟수가 남는다면 한 번당 만원씩 보증금에서 까서 갖기 우유를 한 번 먹을 때 줄어드는 용량을 저장 500ml을 먹을 때마다 우유 사와야하는 의무가 한 번씩 늘어남 우유 1L라면 200ml씩 소분해서 자취생 2명이 번갈아가며 먹는다고 가정 마지막에 다 먹은 사람이 문제2 사러간 도중 또 사러갈 수 있음(parallel Processing Proble..