자바스크립트5 (JS 학습) 자바스크립트, 변수는 왜 필요한가? 모던 자바스크립트 Deep Dive책 기반으로 학습했습니다. Deep Dive 04장 기준 - 변수란 무엇인가? 왜 필요한가? - 식별자 - 변수 선언 - 변수 선언의 실행 시점과 변수 호이스팅 - 값의 할당 - 값의 재할당 - 식별자 네이밍 규칙 [변수란 무엇인가? 왜 필요한가?] 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체다. 메모리 셀 하나의 크기는 1바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽어들인다. 각 셀은 고유의 메모리 주소를 갖는다.이 메모리 주소는 메모리 공간의 위치를 나타내며, 0부터 시작해서 메모리의 크기만큼 정수로 표현된다. 성공적으로 연산을 끝낸 후, 연산 결과를 메모리에 저장한다. 이때 발생하는 문제점은 문제) 연산 결과를.. 2023. 9. 18. (JS 학습) 자바스크립트란? 모던 자바스크립트 Deep Dive책 기반으로 학습했습니다. Deep Dive 01장 ~ 02장 기준 목차 - 프로그래밍이란? - 프로그래밍 언어 - 자바스크립트의 표준화 - 자바스크립트와 ECMAScript - 자바스크립트의 특징 [프로그래밍이란?] 프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 0과 1밖에 알지 못하는 기계가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 작업이며, 그 결과물이 바로 코드다. [프로그래밍 언어] 컴퓨터가 이해할 수 있는 기계어로 변환하는 인종의 번역기 역할을 함. 기계어로 직접 명령을 전달하는 것을 대신할 가장 유용한 대안은 사람이 이해할 수 있는 약속된 구문syntax(문법)으로 구성된 “프로그래밍 언어programming langu.. 2023. 9. 13. 코딩테스트 문제: (LeetCode) Sqrt(x) - 자바스크립트 포스팅요약 1. 문제 및 문제 해석 2. 코드 1. 문제 문제보러 가기: https://leetcode.com/problems/sqrtx/ 출처: https://leetcode.com/ (LeetCode) 문제 해석 및 요약 기타 내장함수를 사용하지 않고 주어진 x값과, 제곱을 했을때 가장 가까운 수i 를 구하면 됩니다. (단 i*i1){ mid=parseInt((start+end)/2); if(mid*mid===x){ return mid; }else if(mid*mid>x){ end=mid; }else if(mid*mid start=0, end=5, mid=2 mid*mid=2*2=4 start=2, end=5, mid=3 mid*mid.. 2022. 7. 28. [2021.08]자바스크립트에 미디어쿼리 사용하기+자동 새로고침 자바스크립트에 미디어쿼리 사용하기 css에 사용하는 방법과 비슷합니다. 그런데!!! 자바스크립트에서는 브라우저 사이즈 변경시 새로고침을 안해주면 적용이 안됩니다. ㅠㅠ... 그래서 브라우저 크기를 변경할 때 마다 자동으로 새로고침 해주는 스크립트까지 짜주시는게 좋습니다. 아래는 자바스크립트로 미디어쿼리문을 작성한 코드입니다. if(matchMedia("screen and (max-width: 767px)").matches){ //화면 크기가 767px이하일때 console.log("mobile"); }else if(matchMedia("screen and (max-width: 1023px)").matches){ //화면 크기가 1023px이하일때 console.log("tablet"); }else if.. 2021. 8. 9. (웹)자바스크립트로 슬라이드 만들기(초간단) 자바스크립트로 자연스러운 슬라이드 만들기 준비물 1. 300*300px 이미지 6장 (아래 파일에 첨부함, 연습하실때 필요하신분들 쓰세요~) 2. visual studio or 다른 개발자 도구 결과물 * 잘 안되시는 분들을 위해 자바스크립트 주석을 달아놓았어요! * 주의할 점은, CSS 파일 경로와 JavaScript 파일 경로, html에서 연결하실때 주의해주세요 * 잘 안되시는 분들은 댓글에 질문 주시면 됩니다!! 제가 아는 한에서 다 알려드릴게요 :) HTML코드 index.html ⟨ ⟩ CSS코드 CSS/style.css /* 초기화 */ *{ margin: 0; padding: 0; box-sizing: border-box; } li{ list-style-type: none; } /* 보여줄.. 2021. 5. 29. 이전 1 다음
