본문 바로가기

분류 전체보기128

[JavaScript] 자바스크립트로 평균 체중 계산기 만드는 방법 평균 체중 계산기  만들기철수라는 가상의 인물을 만들어 철수의 적정체중을 구해보고,prompt()메서드를 활용해 사용자가 입력한 내용을 바탕으로 계산할 수 있는 계산기를 만들어 보겠다.적정 체중을 구하는 공식적정 체중 = (본인 키 - 100) x 0.9 철수의 적정 체중을 먼저 구해보겠다.적정 체중을 구하기 위해 철수라는 가상 인물의 키와 몸무게 값을 설정해주었다.철수는 키 180cm에 몸무게 74kg의 인물이다.위의 적정 체중을 구하는 공식에 넣어보면 철수의 적정 체중은 (180-100) x 0.9이다.//철수의 평균 체중 계산기 var userHeight = 180; // 철수의 키 var userWeight = 74; // 철수의 몸무게 var normal_weight .. 2024. 7. 9.
[dothome/filezilla] 무료 서버 만들고 관리하는 방법 호스팅 서버 만들기 닷홈 홈페이지(https://www.dothome.co.kr/)에 들어가면 아래와 같은 사이트가 뜬다.서버를 열러면 먼저 로그인/회원가입이 완료 해야 하기 때문에 먼저 회원가입을 하도록 하겠다.회원가입 후 로그인이 안료 됐다면, 아래 사진처럼 메뉴의 웹호스팅 - 무료 호스팅을 클릭한다.클릭해서 들어가면 다음과 같이 선택지가 뜨는데, 우리는 무료로 사용할 것이기 때문에 기본사양을 클릭한다.클릭하면 이용안내 확인등 정보를 입력하는 과정이 있는데, 내용을 쭉쭉 작성해 주면 된다.모든 과정이 끝나면 아래 사진처럼 무료호스팅 신청이 완료됐다는 창이 뜬다.이제 닷홈 홈페이지에서 마이닷홈 - 호스팅 관리 - 웹포스팅 목록 에서 만들어 놓은 서버를 확인 할 수 있다.도메인을 클릭하면 이제 세팅이 완.. 2024. 7. 8.
[JavaScript] 연산자 연산자란? 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%)를 이용해서 연산을 할 수 있다.자바스크립트에의 연산자는 다음과 같다.산술 연산자, 문자 결합 연산자, 대입(복합대입) 연산자, 증감 연산자, 비교 연산자, 논리 연산자, 삼항 조건 연산자1. 산술 연산자산술 연산자는 사칙연산과 같다. 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%)가 바로 산술연산자이다. 산술연산을 하기 위해서 반드시 연산 대상 데이터(=피연산자)가 반드시 두 개 있어야한다.   연산예시더하기 +15 + 2 = 17빼기 -15 - 2 = 13곱하기 *15 * 2 = 30나누기 /15 / 2 = 7.5나머지 %15 % 2 = 1연산 대상 데이터(=피연산자)란? -  15 + 2 라는 연산 내용.. 2024. 7. 5.
[cs 전공 지식] 브라우저 렌더링 과정 브라우저 렌더링 과정이란? 브라우저 렌더링 과정이라는 것은 도메인 주소(https://www.~~.com)를 브라우저에 요청할 때 해당 html과 css, javascript를 불러와서 화면에 표현하는 과정을 뜻한다.브라우저 렌더링 과정1  HTML 파일을 파싱웹 브라우저에서 HTML파일을 읽어오고 구조를 해석하는 과정을 말한다.      브라우저가 HTML 문서를 파싱하면 DOM(Document Object Model)트리를 만든다. DOM은 웹페이지의 구조를 표현하는 트리 구조로, 각 요소는 노드로 표현된다.2  CSS 파일을 파싱HTML 파싱 후에 CSS파일을 파싱하여 CSSOM(Cascading Style Sheets Object Model)트리를 생성한다.      CSSOM은 스타일 규칙을 표.. 2024. 7. 5.
[JavaScript] 변수와 자료형 변수란?변수란 변하는 값을 저장할 수 있는 메모리 공간을 말한다. 데이터를 담을 수 있는 그릇이라고 생각하면 된다.이 변수라는 그릇에는 오직 한개의 데이터만 저장할 수 있다.만약 새로운 데이터가 들어오려고 한다면 기존에 있던 데이터를 없애고 마지막에 들어온 데이터만 남긴다.// 예시var num = 3;var num = 10; // var로 다시 선언하면 앞전의 변수를 완전히 삭제한 것과 같다.num = 10; // 변수값만 바꾸는 것이라면 var로 다시 부를 필요가 없다.변수에 담을 수 있는 데이터 종류로는  '문자형 데이터(=string data)', '숫자형 데이터(=number data)', '논리형데이터(=bollean data)', '빈데이터(null datat)', 'undefined dat.. 2024. 7. 5.
[JavaScript] 내부/외부 자바스크립트와 주의사항 Java Script  자바스크립트 코드 입력 시 주의사항(= 코딩컨벤션 / 코딩스타일)1. 대/소문자를 구분하여 작성하기.자바스크립트는 대/소문자를 구분하여 인식하기 때문에, 만약 잘못 입력했을 경우 오류가 발생한다.예시1  document.write( )  올바른 문법.2  Document.write( )  틀린 문법으로 오류가 발생한다. 2. 문장의 마무리는 세미콜론.코드를 한 줄을 작성한 후에는 세미콜론(;)으로 마무리한다.세미콜론을 쓰지 않고 한 줄에 2개의 코드를 작성하면 오류가 발생한다.한 줄만 작성한 것이라면 세미콜론을 쓰지 않아도 오류는 안나지만 한 줄에 한 줄만 작성하는 것이 가독성이 좋다.예시1  document.write( ); document... 2024. 7. 5.

티스토리툴바