본문 바로가기

디지털노마드

 (62)
PHP 기초 익히기 PHP는 서버사이드 언어 입니다. 서버사이드 언어는 웹사이트에서 보낸 신호를 받아 서버에서 처리해주는 언어라고 할 수 있습니다. 서버사이드 언어 중 ASP도 유명하지만, 요즘은 파이턴을 사용하는 곳이 늘어나고 있습니다. 하지만, 현재까지 거의 70%이상의 서버들이 PHP를 사용하고 있기때문에 공부해두면 아주 유용한 언어입니다. 또한, 언어의 유사성 때문에 하나의 언어를 마스터 하면 다른 언어도 쉽게 접근 할 수 있습니다. HTTP HTTP (하이퍼 텍스트 전송 프로토콜)는 클라이언트-서버 프로토콜입니다. 문서 요청은 사용자 에이전트 (예 : 웹 브라우저, 검색 엔진, 스크린 리더 등)로 알려진 엔티티에 의해 이루어집니다. 각 개별 요청은 응답을 제공하는 서버로 전송됩니다. 클라이언트와 서버 사이에는 집합..
CSS Flexbox 정복 하기 레이아웃 용 그리드와, 컴포넌트 용 플랙스 박스그리드와 플랙스 박스의 차이점CSS Grid는 다차원 레이아웃 모듈로, 열과 행이 있습니다. Flexbox는 자식 항목을 열 또는 행으로 배치 할 수 있지만 둘 다 배치 할 수는 없습니다. 웹페이지에서 내용을 배열할 때 CSS 그리드와 flexbox중 어떤것이 더 좋다고 할 수는 없습니다. 다만, 때에따라 적절히 섞어서 사용하기도 하고 하나로 만들기도 합니다. 예를 들어, 아래와 같은 플랙스 박스를 만들어 봅시다. 실행해 보면 아레와 같은 모양으로 정렬된 박스들을 확인 할 수 있습니다. 그래서 보통은 네비게이션 메뉴바를 만들때 사용합니다. 웹브라우저 창크기에 따라 변하는 Responsive Flexbox아래와 같이 미디어 태그를 사용하면 모바일, 타블렛, 데..
JavaScript 변수(Variables)를 알아보자! 변수(Variables) 란 무엇입니까? • 컴퓨터 프로그래밍의 변수는 정보 (데이터)를 컴퓨터 프로그램에서 참조 (검색) 및 조작할 수 있도록 만들어 줍니다. • 개발자는 설명 변수 이름을 데이터의 레이블(이름표)로 사용하여 더 쉽게 데이터 검색 및 어떤 종류의 데이터인지 이해하는 데 도움 을 줍니다. 변수의 범위 • JavaScript의 변수는 함수 범위 (var) 또는 블록 범위 일 수 있습니다. (const 또는 let) • 다른 언어와 달리 부모에서 선언 된 JavaScript는 변수 하위 기능 내에서 기능 (또는 전역 공간)을 사용할 수 있습니다. 변수 종류 - const, let , var • ES6 이전에는 변수를 선언하는 유일한 올바른 방법은 “var”키워드 이었습니다. • 최근에는 두 ..
자바스크립트- JavaScript Statements와 Comments 아래와 같이 여기서 var x, y, z;은 변수의 이름을 정해주기 위해 적어줍니다.다음 각각의 변수에 값을 적어줍니다. x = 7; y = 3; z = x + y; 그리고 이것을 html의 p id="ex"로 이름을 정해준곳에 값을 출력해주는 document.getElementById("ex").innerHTML ="The value of z is " + z + "."; 를 적어주고 저장후 실행 해봅시다. 간단하게 변수를 만들고 계산 후 출력해주는 화면이 보입니다. 이것을 활용해 계산기 화면을 만들 수 있습니다. 세미콜론(The Semi-Colon) 다른 언어들과 달리 ";" "statement"라고하는 JavaScript 코드 행 끝에있는 문자는 일반적으로 선택 사항입니다. JavaScript 문장의..
스크린 캡처 크롬 익스텐션 - Nimbus screen capture 윈도 화면을 캡처하기 위한 다양한 프로그램들이 있지만 크롬 익스텐션 중의 하나인 님버스는 굉장히 편리합니다. 크롬 익스텐션을 검색한 후 님버스를 설치해 봅시다. 그리고, 캡처를 받을때는 아래와 같은 순서를 따라 해 보면 얼마나 편리한지 느끼실 거예요! 1. 님버스(Nimbus screen capture )를 설치하면 크롬 윈도 상단의 바에 님버스 아이콘을 볼 수 있습니다. 아이콘을 누르고 "Record Video" 버튼을 누릅니다. 2. 다음 저장할 곳을 선택합니다. 저는 데스크톱을 선택했습니다. 그리고, "Start Record"를 눌러주세요! 3. 다음 "Share your screen" 버튼을 누르면 본인의 윈도 화면이 보일 겁니다. 그림을 선택하고 "Share" 버튼을 눌러주세요! 4. 비디오 레..
경고창(alert window) 와 시간 출력(Date)을 하는 방법 자바 스크립트를 출력하는 다양한 방법 자바 스크립트는 다른 방식으로 데이터를 "표시"할 수 있습니다 : innerHTML을 사용하여 HTML 요소에 쓰기 document.write ()를 사용하여 HTML 출력에 쓰기 window.alert ()를 사용하여 경고 상자에 쓰기 console.log ()를 사용하여 브라우저 콘솔에 쓰기 innerHTML 사용하기 HTML 요소에 액세스하기 위해 JavaScript는 document.getElementById (id) 메소드를 사용할 수 있습니다. id 속성은 HTML 요소를 정의합니다. innerHTML 속성은 HTML 내용을 정의합니다. 경고창 띄우기 - 간단하게 버튼에 적용하기 경고창 띄우기 - 더블 클릭하기 DOCTYPE html> 경고창 열기 경고창을..
Javascript Syntax-자바스크립트 문법을 알아보자! JavaScript 구문은 Java 구문을 기반으로합니다. JavaScript는 Java 구문의 하위 세트로 볼 수 있습니다. 하지만, Java와 JavaScript는 완전히 다른 것입니다. JavaScript를 배우면 변수, 함수, 문장, 연산자, 데이터 형식, 객체 등과 같은 용어에 익숙해집니다. JavaScript는 일반적으로 서버 측 (웹 서버)과 달리 클라이언트 측 (브라우저 측)에서 실행됩니다. 이를 수행하는 것의 한 가지 이점은 성능입니다. 클라이언트 측에서는 JavaScript가 브라우저에 로드되어 호출되는 즉시 실행할 수 있습니다. 클라이언트 쪽에서 실행하지 않으면 스크립트를 실행할 때마다 페이지를 새로 고쳐야합니다. 자바스크립트는 어디에 쓸까? 용도는 뭐지? 다음 위치 중 하나에 스크립..
CSS - 텍스트 꾸미기와 정렬하기 HTML은 웹 문서의 뼈대를 CSS 는 웹 문서를 예쁘게 꾸며주는 역할을 합니다. 텍스트 정렬하기 - text-align 아래와 같이 head 태그안에 text-align 태그를 넣습니다. 가운데, 왼쪽, 오른쪽, 양끝 맞추기 정렬, 자동 맞추기등을 쉽게 할 수 있습니다. text-align: center; text-align: left; right; text-align: justify; text-align:initial; DOCTYPE html> 텍스트 정렬하기 가운데 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum v..

티스토리툴바