본문 바로가기
728x90
반응형

분류 전체보기100

[기본 문법 12] More Events // event const h1 = document.querySelector("div.hello:first-child h1"); // 사용가능 event 확인 console.dir(h1); function handleTitleClick() { console.log("h1 was clicked!"); h1.style.color = "blue"; } function handleMouseEnter() { console.log("mouse is here!"); h1.innerText = "Mouse is here!"; h1.style.color = "red"; } function handleMouseLeave() { console.log("mouse is out!"); h1.innerText = "Mouse i.. 2023. 2. 14.
[기본 문법 11] Events part Two // event const title = document.querySelector("div.hello:first-child h1"); // 사용가능 event 확인 console.dir(title); function handleTitleClick() { console.log("title was clicked!"); title.style.color = "blue"; } function handleMouseEnter() { console.log("mouse is here!"); title.innerText = "Mouse is here!"; title.style.color = "red"; } function handleMouseLeave() { console.log("mouse is out!"); title.. 2023. 2. 14.
[기본 문법 10] Events // event const title = document.querySelector("div.hello:first-child h1"); function handleTitleClick() { console.log("title was clicked!"); title.style.color = "blue"; } title.addEventListener("click", handleTitleClick); // 유저가 click할 경우에 JavaScript가 실행버튼을 대신 눌러주는 것 - 지금 js파일이 있기 때문에 js를 통해 html의 내용을 가져올 수 있는 거임 - document가 html이 js파일을 load하기 때문에 존재 → 그 다음에 browser가 우리가 document에 접근할 수 있게 해줌 - e.. 2023. 2. 14.
[기본 문법 9] Searching For Elements // const hellos = document.getElementsByClassName("hello"); // console.log(hellos); // 원하는 요소 추출하기 // const title = document.getElementsByTagName("h1"); // console.log(title); // css처럼 // querySelector은 동일한 elements가 존재시 가장 먼저 있는 것을 가져옴 const title = document.querySelector(".hello h1"); // 동일한 elements를 모두 가져오려면 => array const title2 = document.querySelectorAll(".hello h1"); console.log(title); .. 2023. 2. 13.
[기본문법 8] HTML in Javascript Grab me! ​ // JavaScript를 사용하는 이유는, HTML과 상호작용하기 위해서이다. // 그 말인 즉슨, HTML의 Element들을 JavaScript를 통해 변경하고, 읽을 수 있다는 것. const title = document.getElementById("title"); console.dir(title); // JavaScript에서 HTML을 표현하는 object를 보여준다. // 항목들을 가져올 수도 있지만 수정할 수도 있다. // innerText를 수정 title.innerText = "Got you!"; // HTML에 의해서 변경된 것이 아니라 JavaScript에 의해 변경 // 항목을 확인할 수 있다. console.log(title.id); console.log(t.. 2023. 2. 13.
[집구하기] 전세, 월세 계약 시 반드시 확인해야 할 9가지 꿀팁!!!! 확인해서 보증금 지키고 좋은 집 구하자구요!!! 10가지 팁으로 똑똑한 세입자 되자 전세 매물이 점점 없어지며 월세 비중이 50%에 육박하는 상황 전세가 갈수록 빠르게 월세로 전환되고 있는 걸로 정보가 부족해 생각지도 못한 데에서 피해를 입지 않도록 이번 포스팅에선 월세 계약 시 반드시 알아두어야 하는 10가지 팁을 소개해 드리려고 합니다! 1. 가장 먼저 등기부등본을 확인하셔야 하셔야 하는데요. 가까운 등기소나 무인발급기, 인터넷 등기소를 통해 소유자, 담보 유무 등을 확인할 수 있는데 근저당, 채권채무, 압류, 기타 재산권이 설정되어 있는지 꼭 체크해야 합니다. 대표적으로 만약의 경우 집주인이 은행에 대출을 끼고 있는데 이자를 내지 않아 경매로 나오면 보증금을 받지 못하는 상황이 생길 수도 있기 때문에 꼼꼼히 확인해 보셔야 합니다. 2. 계약할 집.. 2023. 2. 10.
[기본문법 7] conditionals //conditionals const age = prompt("How old are you?"); // parseInt() // parseInt(): string to number console.log(typeof age, typeof parseInt(age)); // javascript 타입 확인 typeof //현재는 prompt는 사용하지 않음. //javascript code의 실행을 멈추고 메세지 창이 이쁘지 않음. //아무런 스타일 즉, CSS를 적용시킬 수 없다. //최근에는 대부분 HTML, CSS로 만든 자신만의 창을 사용. // string이면 숫자의 비교를 할 수 없지만 숫자면 가능 const age = parseInt( prompt("How old are you?") ); conso.. 2023. 2. 9.
[기본문법 6] return // returns const calculator = { plus: function (a, b) { return (a + b); }, minus: function (a, b) { return (a - b); }, times: function (a, b) { return (a * b); }, divide: function (a, b) { return (a / b); }, power: function (a, b) { return (a ** b); }, }; const plusResult = calculator.plus(2, 3); console.log(plusResult);​ // Returns const age = 96; function calculateKrAge(ageOfForeigner) { retur.. 2023. 2. 9.
멀티 스레드(Multi Thread) & 멀티 프로세스(Multi process) Computer Science 프로세스(Process)란? 프로그램 : 어떤 작업을 위해 실행할 수 있는 파일. 정적인 개념 프로세스 : 프로그램이 메모리에 올라와 cpu를 할당받고 프로그램이 실행되고 있는 상태. 동적인 개념 프로세스 컴퓨터에서 연속적으로 실행되고 있는 컴퓨터 프로그램 메모리에 올라와 실행되고 있는 독립적인 인스턴스 (개체) 운영체제로부터 시스템 자원을 할당받는 작업 단위 기본적으로 프로세스당 최소 1개의 스레드(메인 스레드)를 가진다 프로세스는 독립된 메모리 영역 (code, data, stack, heap)을 할당 받는다. 프로세스는 별도의 주소 공간에서 실행되므로, 다른 프로세스의 주소 공간(변수, 자료구조 등)에 접근할 수 없다. 프로세스 간의 데이터 통신을 위해 IPC(inte.. 2023. 2. 9.
[기본문법 5] Function with JS const player = { name: "sunho", sayHello: function (otherPersonName) { console.log("hello! " + otherPersonName + "nice to meet you"); }, }; console.log(player.name); player.sayHello('nico'); 2023. 2. 8.
728x90
반응형

티스토리툴바