클로리셔 작은 공간

기본 웹 페이지의 개념 웹 페이지 프로그래밍 언어에는 Javascript(자바스크립트)와 PHP 등 다양하게 있다. JavaScript는 클라이언트 측의 스크립트이고 PHP는 서버 측 스크립트이다. 웹 브라우저는 서버에서 내용을 받아 클라이언트 서버에 보여주는 역할을 하며, HTML 코드로 작성한 페이지들은 단순히 레이아웃이 고정된 정적 웹 홈페이지다. 그래서 자바스크립트(JavaScript)와 PHP는 이런 정적인 페이지를 동적으로 만들어주는 역할을 한다. * 클라이언트 사이드와 서버 사이드 개념이 궁금하시다면 Click! 클라이언트 사이드와 서버 사이드의 개념과 차이점 Client-side / Server-side 웹 프로그래밍에서 서버 사이드 / 클리아언트 사이드는 엄청난 의미를 가진다. 왜냐하면 ..

웹 프로그래밍에서 서버 사이드 / 클리아언트 사이드는 엄청난 의미를 가진다. 왜냐하면 어느쪽에 중심을 두느냐에 따라 프로젝트의 방향이 완전히 다르기때문이다. 1. 클라이언트 사이드(Client-Side) - 클라이언트(사용자) 측에서 처리하는 것. 클라이언트가 입력한것을 수신해서 HTML로 만들어서 크롬과 같은 어플리케이션에 해석해서 표시. 대표적으로 자바스크립트(Javascript)이 있다. 2. 서버 사이드(Server-Side) - 서버(제공자) 측에서 즉시 처리하는 것. 서버 사이드는 클라이언트로 보낼 웹 페이지(HTML, JavaScript 등이 담긴)를 만들며, 정말 중요한 작업들(사용자 유효성, DB 관련 등)을 수행한다. 대표적인 언어는 Java, PHP, Ruby, Python, Node..

SVN은 SubVersion의 줄임말로 형상관리/소스 관리 툴이다 SVN의 사용목적: 여러명이서 작업하는 프로젝트의 경우 버전관리나 각자 만든 소스의 통합과 같은 문제를 해결하기 위해 저장소를 만들어 그곳에 소스를 저장해 소스 중복이나 여러 문제를 해결하기 위한 Software이다 하나의 서버에서 소스를 쉽고 유용하게 관리할 수 있게 도와주는 툴 프로젝트 소스는 SVN 서버의 Trunk라는 곳에 위치 -> 자신의 Local에 Trunk의 소스를 다운 받아(update) 수정 및 추가 후 다시 업로드(commit)하는 방식 자신만의 소스를 다른 개발자들과 떨어져서 작업하려면 Branch(원 소스의 나뭇가지)를 만들어 작업 후 자기자신만 접근하여 개발하며 완성되면 Merge 기능을 사용하여 Trunk와 소스..

기존 받은 소스를 돌리는데 웹폰트가 동작하지 않아서 방법을 찾아보았다. 대개 웹폰트 확장자는 .eot 나 .woff 등이 있다. 결론적으로는 MIME형식 가서 이 확장자를 등록해주면 인식하게끔 동작하게 된다. .eot : application/vnd.ms-fontobject .woff : application/font-woff 나의 경우 .eot 확장명은 이미 등록이 되어있었으나 형식이 application/octet-stream 으로 되어 있었다. 이것을 지우고 위 형식으로 등록했다. 이미 등록된 항목이라면 해당 항목을 더블클릭하면 편집 창이 뜬다. 없다면 새로 추가. 그 방법은 위 이미지 처럼 우측의 “작업” > “추가”를 클릭 아 이때 이 등록창은 다음의 경로로 이동한다. 나는 윈7을 쓰고 있으므로..

이번 포스팅에서는 HTML에서 ASP 문법이 적용되는 방법을 알아보겠습니다 IIS 설치후 HTML에서 ASP 구문이 아래의 그림과 같이 실행이 안되는 현상이 발생할수 있습니다 위그림을 보시면 ASP가 인식이 안된것을 확인확인 해보실수 있습니다 IIS에서 ASP 실행 설정 방법 IIS(인터넷 정보 서비스)관리자 실행 제어판 -> 관리 도구 -> IIS(인터넷 정보 서비스)관리자로 들어간다 해당 웹사이트에서 처리기 매핑으로 들어간다 처리기 매핑 부분에서 ASP를 매핑해주는 부분을 찾은후 없다면 우측에 '스크립트 매핑추가'를 클릭합니다 '스크립트 매핑 추가'를 클릭하면 스크립트 매핑 추가 창이 뜬다 이부분을 다음과 같이 작성합니다 요청경로 : *.asp 실행 파일 : %windir%\system32\inets..

서버의 상태를 알려주는 HTTP 상태 코드 알아보자 HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료 되었는지 알려준다. 첫번째 자리가 4와 5인 경우는 정상적인 상황이 아니라는것을 나타내기 때문에 사이트 관리자가 즉시 알아야 하는 정보다. 100 - 199 : 정보성 상태 코드 - 요청을 받았으며 프로세스를 계속 진행한다. 200 - 299 : 성공 상태 코드 - 요청을 성공적으로 받았으며 인색했고 수용했다. ● 200 - OK ● 201 - Created 300 - 399 : 리다이렉션 상태 코드 - 요청 완료를 위해 추가 작업 조치가 필요하다. ● 304 - Not Modified 400 - 499 : 클라이언트 에러 상태 코드 - 요청의 문법이 잘못되었거나 요청을 처리할 수 없다. ..

인터넷을 사용하다보면 쿠키 관련된 정보를 묻거나 설정하는거에 대해 많이 나온다. 그래서 자주 접하는 쿠키(cookie) / 세션(session)이 무엇인지 정리했다. * 쿠키(영어: cookie)란 :: 사용자가 어떠한 웹사이트를 방문할 경우, 그 사이트가 사용하고있는 서버를 통해 브라우저에서의 정보들을 사용자의 컴퓨터에 저장되는 작은 텍스트 파일. ex) 웹 사이트에 접속할때마다 쿠키와 세션을 통해 로그인 상태를 유지할 수 있다. 쿠키는 사용자 웹 브라우저에 저장하며 데이터 형태는 Key, Value 형태로 String문이며, 4kb이상 저장 불가. 브라우저마자 저장되는 쿠키는 다르다(크롬, 익스플로러, 사파리, 파이어폭스 등 각각 다름) 1. 쿠키 종류 1) 기술적 쿠키 검색하는 주체가 사람인지 아니..

팝업창 작업을 하다보니 비슷한 용어가 너무 많다 ㅠㅠ.. 팝업창 / 모달창 / 레이어팝업 / 윈도우팝업 등등... 웹은 어떤 상황에만 보여지는 공간이 존재하는데 이때 사용하는 것이 팝업창과 모달창이다. 근데 도대체 이 차이가 무엇인가!!!! 그래서 개념을 정리해보려고한다..ㅎ 팝업창 VS 모달창 1) 팝업창 팝업창이란 현재 열려있는 브라우저 페이지에 또 다른 브라우저 페이지를 띄우는 것이다. 즉, 창 + 창n 이란 개념이다. 브라우저에서 이 창을 열기 닫기를 제어할 수 있다. (브라우저에서 팝업창을 강제로 막아놓을 경우 보이지 않는다) 2) 모달창 모달창은 기존의 브라우저 페이지 위에 새로운 윈도우 창이 아닌 레이어를 까는 것을 말한다. 모달창은 제거를 하지 않고도 페이지를 이동하면 자연히 사라진다. 기..

프로그래밍 REACT를 공부하다가 접하게 된 파싱(Parsing)의 단어 뜻이 궁금해서 알아보았다. 파싱을 네이버 사전에 검색을 해보니.. Parse : (문장을 문법적으로) 분석하다 / 품사·문법적 관계를 설명하다 즉, 파싱하다 라는 의미는 문법적으로 해부를 한다는 의미로 받아드려졌다. 그렇다면 컴파일(Compile)이란 무엇인가 사전으로 찾아보았다. Compile : (프로그램을) 다른 부호[기계어]로 번역하다 즉, 컴파일하다는 기계어로 번역을 한다라고 할 수 있다. 컴파일에는 파싱이 선행이 된다. 쉽게 설명을 위해 영어 문장으로 예시를 들어보자. [ I am a boy ] 라는 문장을 기계어 대신 우리나라 언어로 컴파일을 한다고 했을 때 1. 해당 단어에 맞게 번역을 한다 (파싱) I[나] + am..