본문 바로가기

WEB

 (9)
PHP(2) PHP 기초: 함수, 조건문 프로그램과 함수 오페라에서는 시간의 순서에 따라 음악들이 연주되는데, 이렇게 연주되는 음악들의 순서를 프로그램이라고 불렀다. 즉, 프로그래밍이라는 것은 어떤 목적을 가진 의도에 따라 함수들이 시간의 순서에 따라 실행되도록 코드를 작성하는 행위이다. 의도에 따라 함수를 잘 배치하여 시간의 순서에 따라 잘 호출되도록 만드는 것이 중요하다. 함수란 프로그램의 기본적인 원자, 부품이라고 할 수 있으며 계산 결과를 반환해주는 작은 프로그램이다. -유튜브 '생활코딩' 中 컴퓨터로 일한다는 것은 컴퓨터가 갖고 있는 기본적인 기능들을 우리가 하고자하는 일의 목적에 따라, 시간의 순서에 따라 배치하여 실행하는 것이다. 사람이 하는 일 중에는 반복적이고 실수하기 쉬운 일들이 있는데, 그런 일 일수록 사람들은 자동화하고 싶..
PHP(1) PHP 기초: 변수, 파라미터 PHP란 무엇인가? PHP 서두 웹 브라우저가 설치되어 있는 컴퓨터와, 웹서버와 PHP 소프트웨어가 설치되어 있는 서버 컴퓨터가 있다. 이 상태에서 웹 브라우저와 서버는 어떻게 상호작용할까? 웹브라우저의 주소창에 index.html 파일을 입력하면 요청을 받은 서버 컴퓨터에 설치되어 있는 웹 서버 소프트웨어는 입력된 주소를 보고, 확장자가 html 임을 확인하여 자신이 처리할 수 있다는 걸 알기 때문에 자신의 디렉토리에서 파일을 찾아 웹브라우저에게 전송해준다. 하지만, 웹브라우저가 주소창에 index.php 파일을 입력하면 웹서버는 확장자가 php인 파일은 자신의 소관이 아님을 알기 때문에 파일을 처리할 수없다. 따라서 웹 서버는 PHP 프로그램에게 일을 위임한다. PHP 프로그램은 자신의 디렉토리에서 ..
CSS 레이아웃: FLEX 레이아웃이란 컨텐츠를 잘 정리정돈해서 구조화 시킬 때 사용하는 기능으로, flex는 CSS에서 레이아웃을 잡을 때 사용한다. 태그가 반드시 ul이나 ol 같은 부모태그가 필요하듯이 flex를 사용하기 위해서는 태그가 두 단계가 필요한데 바로 부모 역할을 하는 태그인 container와 자식 역할을 하는 태그인 item이다. 정렬하고자 하는 각각의 아이템들은 부모에 해당하는 container가 필요하다. /* 자식과 부모가 있어야 한다. */ 또한 컨테이너에게 부여하는 속성과 아이템들에게 부여하는 속성이 각각 존재한다. 레이아웃으로 flex를 사용하려면 출발점은 반드시 부모에게 display 값을 flex로 주는 것이다. 부모가 flex가 된 순간 자식들은 변하게 된다. display를 flex로 설정하면..
WEB(5) : Java Script - 배열, 함수, 객체 정리정돈의 도구들 : 배열, 함수, 객체 시간이 지날수록 집에 살림은 늘어난다. 그러면 책장이나 수납상자와 같은 물품들을 구매하게 된다. 집에 있는 사물이 많아질수록 그 사물들을 정리정돈 할 필요성이 생기고, 그 필요성에 따라 여러 수납공간들을 마련하게 된다. 프로그래밍도 마찬가지이다. 프로그래밍을 하게 되면 굉장히 많은 데이터를 다루게 되고, 데이터는 제각각 성격도 다르다. 데이터가 많아짐에 따라 코드가 감당하지 못할만큼 복잡해지면 우리는 수납상자를 통해 정리정돈을 한다. 이렇게 서로 연관된 데이터를 정리정돈에서 담아두는 수납상자를 배열, 함수, 객체라고 한다. 그 중 가장 작은 배열 수납상자부터 알아보자. 배열 문자가 따옴표로 시작해서 따옴표로 끝나듯이, 배열은 대괄호로 시작해서 대괄호로 끝난다. 대..
WEB(5) : Java Script - 조건문, 반복문 프로그램의 순서를 제어하는 이유 자바스크립트는 프로그래밍 언어이지만, html은 프로그래밍 언어가 아니다. 이 차이는 무엇일까? 프로그램이란 순서를 뜻하는 말이다. 순서를 만드는 행위를 프로그램이라고 하며, 순서를 만드는 사람을 프로그래머라고 부른다. (반드시 컴퓨터 분야에서만 사용되는 용어가 아니다) 컴퓨터에는 여러가지 기능들이 있다. 컴퓨터로 어떤 일을 하려고 할 때 하나만 필요한 경우는 없고, 어떤 의도에 따라 순서대로 여러 기능들을 작동시키는 것이 컴퓨터를 사용하는 일반적인 방법이다. 순서가 반복되고, 반복되는 과정에서 시간이 많이 걸리고 실수를 한다면 반복적인 작업에 회의감을 느끼며 극복하고자 하는 의지가 생기게 된다. 시간의 순서에 따라서 실행되어야 할 기능들을 프로그래밍 언어의 문법에 맞게 ..
WEB(4) : Java Script - event, querySelector() html은 정적이다. 한 번 화면에 출력되면 언제나 그 모습 그대로이다. 반면에 우리가 알고 있는 여러 프로그램들은 사용자 조작에 반응해서 움직인다. 사람들은 웹페이지도 게임처럼 동적으로 사용자와 상호작용할 수 있게 되기를 원했고, 그래서 "java script" 기술이 태어나게 되었다. html이 정보라는 멈춰있는 이미지를 그리는 것이라면, 자바스크립트는 정보라고 하는 그 이미지를 마치 영화처럼 움직이게 한다. -유튜브 '생활코딩' 中 자바 스크립트란? 자바스크립트는 사용자와 상호작용하는 언어 웹 브라우저는 한번 화면에 출력되면 자기 자신을 바꿀 수 없다, 하지만 자바스크립트를 사용하면 자바스크립트의 코드에 따라 웹 브라우저를 바꿀 수 있다. 즉, 자바스크립트는 html을 제어하는 언어다. 웹페이지를 ..
WEB(3) : CSS CSS 기술의 서두 html을 통해 문서를 만들수 있게 된 이후에 사람들은 곧 여러가지 불만족을 쏟아냈다. 문자의 크기와 색상을 변경하고 싶다, 가운데 정렬을 하고 싶다 등등... 웹을 만든 사람들은 웹페이지를 아름답게 만들고 싶은 고민에 빠졌고, 두 가지 갈림길이 생긴다. 쉽지만 한계가 있는 방법 어렵지만 근본적인 해결책 html이라는 이미 있는 언어에 디자인과 관련된 새로운 태그를 추가하는 것과, 디자인에 최적화 된 완전히 새로운 언어를 만드는 것 중 어떤것이 더 쉬운 것일까? 전자가 더 쉬운 것이고 쉬운 길이다. 웹 개발자들은 쉬운 길을 선택했다가 한계를 깨닫고 근본적인 해결책을 찾게 되는데, 그것이 바로 CSS 이다. 태그는 링크라고 설명하는 정보이다. 태그는 웹페이지에서 제목이라는 것을 설명하는..
WEB(2) : 웹의 역사와 웹 서버(Web Server), 웹 호스팅(Web hosting) 공부에 대해서 오해하고 있던 것이 있다. 중요한 건 어렵고 쉬운 건 사소하다는 것이다, 쉬운 건 시험에 나오지 않기 때문이였다. 어려운 것은 중요하고, 쉬운 것은 중요하지 않을까? 꼭 그런것은 아니다. 우리가 처음에 배우는 것은 너무나 쉽지만 제일 중요한 것들이다. 가장 자주 사용되는 부품이면서, 부품들을 결합해서 새로운 완제품을 만들어내는 가장 자주 사용되는 결합방법 이기 때문이다. 뒤에 있는 것이 더 어렵고 복잡하고 대단해 보이겠지만 그렇지 않다. 앞에서 배우는 것들을 합성해서 결국 뒤의 것들이 만들어진다. 뒤에 있는 것은 어떤 특수한 경우에는 필요하지만 응용하기가 쉽지 않다. 앞의 것들을 응용하면 수많은 것들을 만들어낼 수 있다. -유튜브 '생활코딩' 中 웹의 역사 이제 우리는 우리가 만든 전자문서..
WEB(1) : HTML 어떤 문제가 심각하고 중요할수록 그 문제를 해결해주는 공부는 문제로부터 우리를 해결해줄것이다. 반대로 그 문제가 우리 삶과 동떨어져 있고 사소할수록 공부 자체가 삶의 문제가 되어서 우리가 해방시키기는 커녕 억압할 것이다. 자신의 뇌를 이기는 장사는 없다. 공부의 효용을 뇌에게 자주 증명해보이면 뇌는 공부를 좋아하게 될 것이고, 공부를 좋아하게 되면 노력하지 않아도 우리는 공부할 것을 찾을 것이다. -유튜브 '생활코딩' 中 어떤 쪽이 사람이 하는 일이고, 어떤 쪽이 기계가 하는 일 일까? 어떤 것이 원인이고, 어떤 것이 결과일까? 오른쪽의 사람이 하는 일, 원인을 부르는 표현이 code, source, language 왼쪽의 기계가 하는 일, 결과를 부르는 표현이 application, app, progr..

티스토리툴바