#2
계정이 필요한 웹사이트에 접속하면 가장 먼저 하는 일이 로그인이다. 아이디와 비밀번호를 맞게 입력하면 특정 페이지에 접근할 수 있는 권한이 생긴다. 이번 코딩야학에서는 이 로그인 기능을 자바스크립트와 PHP로 간단하게 구현하는 방법을 알 수 있었다(링크). 1. 자바스크립트로 로그인 기능 구현하기 일단 결과를 보면 이렇다. 크롬 브라우저를 새로고침 하면 비밀번호 입력 창이 뜨고, 미리 설정해 둔 비밀번호(=123456)를 입력하면 '로그인 되었습니다.'라고 출력된다. 이때, 미리 설정해 둔 비밀번호와 다르게 입력하면 '비밀번호를 확인해주세요.'라고 출력된다. 이렇게 사용자의 입력 값을 전달받아 그에 반응해 특정 결과를 출력하는 기능은 HTML에서는 할 수 없고 자바스크립트나 PHP에서는 가능하다. 코드를..
보통 버그라고 하면 한마디로 에러, 프로그램이 오작동하는 것이다. 그렇다면 디버깅(Debugging)이란, 이런 버그 즉 오동작되는 현상을 해결하는 것을 말하며 오류들을 찾아내기 위한 테스트 과정을 뜻한다. 카카오톡, 라인 등의 메신저앱에서도 발생하는 버그들을 해결하기 위해 지속적으로 업데이트를 하고 있으며, 게임 앱에서도 원활한 게임진행(?)을 위해 계속 버그를 찾고 프로그램을 수정한다. 이렇게 버그가 없는 프로그램은 거의 없으며 마찬가지로 웹페이지에서도 버그가 발생하기 마련이다. 이번 강의에서는 아주 간단하게 웹페이지에서 고의로 오류를 발생(=버그)시키고, 디버깅을 해보는 과정을 배웠다. 코드 안에서 의도적인 오타를 작성했다. 1234567891011121314 documant.write("hello..
JavaScript와 PHP는 프로그래밍 언어로, 두 언어는 경쟁적인 관계이자 협력적인 관계이다. 작성된 문서만을 출력하는 정적인 언어인 HTML이나 CSS와는 달리 사용자의 동작에 반응하는 동적인 언어라고 할 수 있다. JavaScript와 PHP를 각각 알아보면 다음과 같다. 123456789101112 JavaScript document.write(10+10); csJavaScript는 웹브라우저, 클라이언트 측에서 실행되고 처리되는 프로그래밍 언어로 웹브라우저와 상호작용 하도록 만들어진 스크립트 언어이다. 정적인 HTML 코드로는 처리가 불가능한 기능들을 구현할 수 있으며 사용자의 입력을 받아 동작이 가능하다. 8~10번째의 에 해당하는 코드가 자바스크립트 실행 코드이다. 1234567891011..
가령 Python으로 데이터 분석 프로젝트를 수행한다고 했을 때, 기본적인 Python으로도 여러가지 분석이 가능하지만 pandas나 numpy 같은 모듈을 활용하면 보다 효과적으로 분석을 수행할 수 있다. 이런 모듈을 활용하려면 역시나 설치가 필요한데, 프로젝트를 딱 한 번만 수행할 것이 아니라면 가상 개발환경을 쓰는 것이 좋다. 무턱대고 모듈을 설치해버리면 나중에 다른 프로젝트를 수행할 때 해당 모듈을 설치했었는지 아닌지 괜시리 헷갈리고... 버전끼리 충돌하여 지난 프로젝트에서는 잘 돌아갔는데 다시 쓰려니 잘 안 돌아가는 경우도 있기 때문이다. 즉 가상환경은 프로젝트 수행시 그 프로젝트에 필요한 모듈만 설치하고 관리할 수 있도록 해준다. 대표적인 가상환경 관리 도구로는 Conda, Virtualenv..
개인용 랩탑을 맥북으로 바꾸면서, 역시나 우려했던 윈도우와의 호환 문제가 발생했다. 맥을 쓰면 감수해야할 불편한 것들이 몇 가지 있다고는 알고 있었지만 막상 맞닥뜨리게 되니 앞으로 상당히 번거로울 것 같은 예감이 든다. 얼마전 공공데이터 포털(data.go.kr/)에서 강원도 춘천시 무료와이파이 정보 CSV 파일을 다운로드 받아서 엑셀로 열어보니 알아볼 수 없게 와장창 깨져있었다. 이렇게... 윈도우에서는 잘 열리는 것을 보면 역시나 파일인코딩 문제인 것 같다(공공데이터 포털에 데이터를 업로드하신 분은 윈도우 유저?). 컬럼 이름도 제대로된 형식이 아니고 값들도 영문과 숫자를 제외하고는 일본어인지 뭔지 판별이 불가능... 혹시나하고 파일명을 간단히 바꾼 뒤(wifi.csv) Rstudio에서 그냥 불러와..
CSS는 Cascading Style Sheets의 약자로 정보를 전달하는 HTML 문서에 미적인 요소를 더해주는 언어라고 보면 된다. 쉽게 말해서 웹페이지의 레이아웃이나 텍스트의 색상, 크기 등의 디자인이 가능하다. 바로 예를 들어 살펴보자. * CSS 코드가 없는 HTML 문서HTML 문서라고 하기도 뭐하지만... 무튼 웹을 공부할 때 나오는 개념들을 몇 가지 적어보았는데, 크기가 조금 다를 뿐 미적인 요소는 전혀 없다(기본적인 크기는 h1, h2, h3 ... 등에 의해 정해진다). HTML 문서에 CSS의 디자인 요소를 추가하려면 태그 안에 속성을 사용하여 CSS 소스코드를 작성해주면 된다. 아래를 참고. * CSS 기초 실습코드12345678910111213141516171819202122232..
