본문 바로가기

전체 글127

[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.
[html/css] Transition과 Animation의 차이 (수정중) Transition & Animation 기존에는 웹페이지 내에서 동적인 효과를 주려면 Flash나 Javascript의 도움이 있어야먄 했다.하지만, transition과 animation 속성이 새로 정의되면서 더 간단하고 빠르게 모션 효과를 구현 할 수 있게 되었다.먼저 transition은 css 속성을 변경할 때 과정의 속도를 조절하는 속성이다.단순히 과정을 조정하는 역할이기 때문에 조정할 수 있는 선택지도 적고, 종료 후에는 상태가 유지되지 않는다.반면 animation은 @keyframes와 같은 속성을 활용해 요소의 다양한 상태를 지정할 수 있고, 종료된 후에도 원하는 상태를 유지할 수 있다.Transitioncss 속성을 변경할 때 해당 요소의 움직임을 부드럽게 처리하는 역할의 속성이다... 2024. 7. 4.

티스토리툴바