파일 경로는 대단히 중요합니다. 모듈이나 미디어 파일을 이용할 때 경로가 잘못된다면 오류가 날 수도 있고, mkdir, cd 등의 리눅스 명령어를 이용할 때도 경로를 잘못 입력하면 원하는 결과와 전혀 다른 결과를 초래하게 됩니다.절대 경로는 파일의 root부터 해당 파
컴퓨터에서 색을 표기하는 방법은 여러가지 방법이 존재합니다. 우리는 그 중에서도 가장 잘 사용되는 4가지 방법인 색상 이름 표기, 16진수 표기, RGB, hsl 표기법에 대해서 알아보겠습니다. 색상 이름 표기법 > 색상 이름 표기법이라는 이름은 제가 임의로 명명한 것
Ajax는 Asyncronous Javascript And XML의 줄임말입니다. 비동기 자바스크립트와 XML이라는 뜻을 가졌는데, 구체적으로 이야기하자면 XMLHttpRequest라는 자바스크립트 객체를 이용해서 서버와 비동기 통신을 하고 결과를 DOM이 변경되었을
테스트 주도 개발(TDD, Test Driven Development)는 개발 과정을 여러 세부 단위로 나누어 테스트하고, 수정하고, 완성하는 과정을 반복하는 익스트림 프로그래밍 방식 중 하나 입니다. 개발자는 테스트를 위한 코드를 작성하고, 그 테스트를 통과하기 위한
라이브러리(library)는 특정 함수나 기능들을 모듈화 하여 모아둔 것입니다. 라이브러리는 그 자체로는 실행시킬 수 없고 라이브러리를 포함하는 프로그램이나 API의 호출 등을 통해서 실행이 가능합니다. 이미 기능들이 구현되어있고 그것들을 가져와서 사용하는 것이기 때문
마크다운은 마크업 언어의 일종입니다. 마크업 언어란 태그나 기호 등을 사용해서 문서의 구조를 표기하는 언어입니다. 흔히 태그를 사용하는 HTML도 마크업 언어의 일종이죠. 아무튼 마크다운은 일반 텍스트들로 주로 이루어지게 되고, 이들을 통해 다양한 문서 서식을 만들어
JSON(JavaScript Object Notation)은 문자 기반 데이터 포맷의 한 형식입니다. 이름에 자바스크립트가 들어가는 만큼, 이 데이터 포맷은 자바스크립트의 객체 문법을 따르고 있습니다. 그 덕분에 자바스크립트를 배웠다면 이해하기 쉽고 작성하기도 쉽가는
쿠키(cookie)는 웹 페이지에 방문하면 생기는 여러 정보들을 담아서 브라우저에 저장하는 임시 저장 파일입니다. 브라우저는 쿠키를 통해 사용자 정보를 저장했다가 웹 페이지에 다시 접속하면 서버로 쿠키를 전송해 사용자의 정보를 계속해서 사용할 수 있도록 해줍니다.쿠키는
OSI 7 Layer 또는 OSI 모형이라고 불리는 네트워크 모델은 국제표준화 기구에서 발표한, 네트워크 프로토콜 디자인과 통신 과정을 7개의 계층으로 나누어서 설명한 모델입니다.OSI 7 Layer는 네트워크 통신 과정을 7개의 계층으로 나누어서 통신 과정을 층별로
SPA, Single Page Application은 하나의 페이지로 구성된 웹 어플리케이션(페이지)를 의미하는 용어입니다.일반적으로 웹 개발을 처음 접하고 이것저것 만들어보는 동안은 여러개의 페이지로 구성된 웹 어플리케이션을 제작했을 것 입니다. 이렇게 페이지를 구성
명령형 프로그래밍과 선언형 프로그래밍은 프로그래밍 패러다임의 일종입니다. 프로그래밍 패러다임은 프로그래머에게 주어지는 프로그래밍에 대한 관점입니다. 프로그래머의 관점에 따라서 프로그램을 작성하는 방식이 달라지게됩니다. 흔히 프로그래밍에 입문하면 접하게 되는 객체지향 프
함수형 프로그래밍에서 가장 중요한 개념이 있습니다. 바로 순수 함수인데요. 순수 함수가 무엇인지에 대해 우선 알아보겠습니다.순수 함수(pure function)는 함수가 수행해야하는 기능 외에 다른 부수적 효과가 나타나지 않는 함수를 의미합니다. 이것을 함수가 부작용이
서버 사이드 렌더링(SSR, Server Side Rendering)은 서버에서 페이지를 구성한다음 클라이언트에 보여주는 방식입니다. 기존의 웹 개발에서 주로 사용되는 방식으로 브라우저에 렌더링되는 형태를 HTML 문서로 만들어서 전송하게 됩니다. 이 방식은 HTML
웹 개발에서 개발자 도구는 빼놓을 수 없는 강력한 도구입니다. 이번 포스트에서는 이 개발자 도구에 대해서 알아보도록 하겠습니다. 모든 브라우저는 개발자 도구를 갖추고 있지만, 이 포스트는 구글 크롬 브라우저의 개발자 도구를 설명하고 있습니다.개발자 도구는 F12키를 눌
우리가 매일같이 드나드는 웹 페이지에는 사실 두 가지 종류가 있다는 점 알고 계셨나요? 물론 사용자는 서버 등으로부터 HTML 문서만 받아와서 페이지에 렌더링 하기 때문에 두 종류를 몰라도 되지만, 웹 개발자가 되기 위해서는 두 종류가 있다는 것을 알아두어야합니다.웹
이 포스트는 프론트엔드, 백엔드 개발자가 되기위한 소양을 소개하는 것보다는 두 분야가 무엇인지에 대해서 정리하고, 소개하고 있습니다.웹 개발자는 웹 페이지 서비스를 개발하는 소프트웨어 엔지니어를 의미합니다. 웹 디자인부터 시작해서, User Interface(UI) 설
클라우드 컴퓨팅이란 클라우드를 통해 컴퓨팅 자원을 이용하는 컴퓨팅 기술을 의미합니다.클라우드는 컴퓨터와 다른 단말기 간의 복잡한 통신장비나 네트워크를 표현하지 않고 구름모양으로 뭉뚱그린 것을 의미합니다. 왜냐하면 사용자는 굳이 복잡한 두 기기간의 연결을 알 필요가 없기
오픈 소스 소프트웨어(이하 오픈 소스)는 소스 코드를 공개해 누구든지 코드를 보고 사용할 수 있는 라이선스를 가진 소프트웨어를 의미합니다.1985년, 리처드 스톨만은 소프트웨어의 정보(소스 코드)를 누구나 자유롭게 공유하고 볼 수 있도록 자유 소프트웨어 운동을 시작했습
비구조적 프로그래밍은 하나의 함수나, 코드 몸체에 연속된 코드를 작성하는 프로그래밍 패러다임입니다. 이 방식은 구조(함수, 서브루틴 등)를 따로 두지 않고, 하나의 큰 코드 안에 전체 프로그램 코드가 들어있는 형태로 작성하는 프로그래밍 방식입니다. 이 방식은 주로 초기
프로그래밍 언어로 코드를 작성하고 실행시키는 방식 중 가장 유명하고 대표적인 두 가지 방식에 대해서 소개해볼까 합니다.먼저, 인터프리터 방식을 소개해드리겠습니다.인터프리터 방식은 프로그램을 실행할 때 인터프리터를 이용하여 코드를 한 줄 씩 읽어나가며 실행하는 방식입니다
전공 수업에서 사용한 발표 자료를 블로그 글의 형태로 옮겨봤습니다. AR: Argumented Reality, 증강 현실AR은 가상현실 기술의 한 분야로 현실 세계에 가상의 사물이나 정보를 합성해 원래 환경에 존재하는 사물처럼 보이도록 하는 컴퓨터 그래픽 기술입니다.A
우리가 웹 브라우저를 열고 인터넷 서핑을 하게되면, 주소 앞에 항상 www를 치고 들어가게 됩니다. (물론 생략해도 웹 페이지를 이동할 수 있습니다.)이렇게 항상 웹 페이지 주소 앞에 따라다니는 www가 뭔지 알아보도록 하겠습니다.www는 월드 와이드 웹, World
인터넷은 공간을 초월하여 전세계에서 접근할 수 있는 아주 방대한 공간입니다. 수 십억의 사람들이 동시에 접근하는 공간이니만큼 정말 다양한 사람들이 다양한 목적으로 이용하게 됩니다.그래서 어떤 곳의 누가, 어떻게 이용해도 웹 페이지를 이용하는데 있어서 불편함이 없도록 웹
웹 표준(https://velog.io/@bami/%EC%9B%B9-%ED%91%9C%EC%A4%80-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0웹 접근성은 하드웨어, 소프트웨어, 언어, 장소, 능력, 장애에 상관없이 모든 사람들이 모든
컴퓨터에는 모든 데이터를 0과 1의 디지털 신호로 나타냅니다. 숫자도 마찬가지인데요. 정수는 단순히 10진수에서 2진수로 변화하지만 실수 표현에 대해서는 조금 특별한 방식을 사용합니다.컴퓨터는 실수를 부동소수점수(floating point number)로 표현합니다.
초기의 프로그래밍은 명령을 순서대로 처리하는 절차지향 프로그래밍 방식이었습니다. 절차지향은 프로그램이 갖는 기능에 대해서만 관심을 두고 프로그램이 처리하는 데이터에 관해서는 관심을 두지 않았었습니다.이 방식은 간단한 프로그램이 주를 이뤘던 초기 프로그램에서는 별 문제가
리눅스 명령어 간단 정리 모음
사실 오래 전(벌써 2년도 더 전에)에 디자인 패턴에서 소개드린 내용인데요. 포스트 분리도 하고 리마인드도 할 겸 다시 작성했습니다.SOLID 원칙은 클린 코드로 유명한 로버트 C. 마틴이 정립한 객체지향 프로그래밍을 하면서 지켜야한다고 세운 다섯가지 원칙을 말합니다.