본문 바로가기

분류 전체보기

 (12)
클라우드 구름 IDE 웹페이지 만들기(#5) - MDBootstrap으로 내비게이션 제작 1. 개요 이번에는 Bootstrap Tutirial: Admin dashboard를 통해서 웹 페이지를 디자인하도록 하겠습니다. 코드에 대한 상세한 내용과 이론을 다루는 게 아니라 빠른 시일 내에 웹페이지를 만들고 구동하는 것이기 때문에 Ctrl + C(복사하기)와 Ctrl + V(붙여넣기)만 잘 하시면 예시에 나와있는 페이지랑 비슷하게 만들 수 있습니다. 2. MDBootstrap 으로 내이게이션 제작 아래의 링크를 클릭하여 들어오시면 예시문과 적용페이지가 있습니다. 이 예시문을 전부 복사한 후에 테그 안에 삽입하면 정말 간단하지만 각 구성들을 하나씩 삽입함으로써 어떤 구조로 되어있는 지도 간단하게 살펴보겠습니다. Forked from - Bootstrap Tutorial: Corporate webs..
클라우드 구름 IDE 웹페이지 만들기(#4) - MDBootstrap 디자인 프레임 워크 설치 1. 개요 이번에는 웹 디자인 프레임 워크를 설치한 후에 괜찮은 디자인을 이용해서 다양한 웹 디자인 프로그래밍을 해보겠습니다. 해당 링크로 이동하시면 부트스트랩이라는 이름의 웹 디자인 프레임 워크의 소스 코드가 존재하는 것을 확인할 수 있습니다. 부트스트랩 프레임 워크가 디자인이 정말 괜찮아서 이 프레임 워크의 소스를 통해 이제부터 만들 웹 사이트를 디자인 해보겠습니다. mdbootstrap/bootstrap-material-design Material Design for Bootstrap - Powerful and free UI KIT for Bootstrap 4 - mdbootstrap/bootstrap-material-design github.com 2. 부트스트랩 프레임 워크 설치 구름IDE에 c..
클라우드 구름 IDE 웹페이지 만들기(#3) - nginx의 HTML 폴더 경로 변경 1. 개요 우리가 html 문서를 직접 작성하여 웹 사이트를 구축해보기 위해서 html 문서들이 존재하는 폴더의 위치를 설정해주겠습니다. 2. nginx의 HTML 폴더 경로 변경 cd /etc/eginx 이라는 명령어를 입력하여 해당 폴더로 입력 후 ls 라는 명령어를 입력해줍니다. 우리가 이동한 폴더에는 각종 nginx 관련 환경설정 파일들이 존재하는 것을 볼 수 있습니다. cd sites-enabled 라는 명령어를 입력하여 해당 폴더로 이동한 후에 ls 명령어를 입력하면 default 문서가 있는 것을 확인할 수 있습니다. 이제 이 문서를 수정하여 html 문서가 존재하는 기본적인 폴더의 경로를 바꿔주도록 하겠습니다. default 문서에는 웹 서버에 접근 관련 설정을 할 수 있기 때문에 이 파일..
클라우드 구름 IDE 웹페이지 만들기(#2) - 웹 서버 설치 및 구동 1. 개요 이번에는 우분투 리눅스 서버에 ngnix 웹 서버를 설치한 뒤에 구동하도록 하겠습니다. 2. nginx 웹 서버 설치 (1) 먼저 apt-get update 라는 명령어를 입력 후 엔터를 친 후, 패키지 파일들이 업데이트가 되도록 합니다. 즉, 우분투 리눅스 서버에 설치하고자 하는 다양한 파일들을 업데이트해서 최신버전으로 설치할 수 있도록 하는 것입니다. 업데이트가 될 때까지 기다려줍니다. 아래와 같이 업데이트가 진행되는 모습을 볼 수 있습니다. (2) 업데이트가 완료되면 apt-get install nginx 라는 명령어를 입력하여 우분투 서버에 nginx를 최신버전으로 설치할 수 있도록 합니다. 설치를 하려면 14.2M 바이트의 디스크 공간을 더 차지하게 되므로 계속 진행할 것인지 묻습니다..
클라우드 구름 IDE 웹페이지 만들기(#1) - 컨테이너 생성 1. 개요 이번에는 클라우드 구름 IDE 서비스를 이용해서 용량 0MB로 개인 웹 사이트를 만들어보겠습니다. 여태 해온 웹페이지 또는 웹 서버를 만들 때에는 별도의 프로그램 설치부터 해서 작지 않은 용량을 차지했지만, 이번에는 클라우드 서비스를 이용해서 별도의 프로그램을 설치하지 않고 웹 사이트를 구축해보도록 하겠습니다. 사용할 서버는 nginx이고, 사용할 웹 디자인 프레임워크는 Material Design Bootstrap Framework 입니다. 사용할 개발 환경은 클라우드 구름 IDE가 되겠습니다. 2. 구름 IDE 회원가입 후 로그인하여 컨테이너 생성 승인 구름 IDE 공식 사이트(https://ide.goorm.io/)에 들어가셔서 회원가입을 한 후에 로그인합니다. 로그인을 하고 컨테이너를 ..
C언어(#2) 기초 프로그래밍 - 변수와 상수 1. 개요 변수(Variables)란 프로그램이 실행되는 동안에 언제든지 저장된 값이 변경될 수 있는 공간을 뜻합니다. 예를 들자면 두 점 간의 변화되는 거리를 의미하는 Distance는 변수로써 프로그램이 실행되는 도중에 변경될 수 있습니다. 상수(Constants)란 한 번 정해지면 값을 변경할 필요가 없는 데이터를 의미합니다. 예를 들자면 원주율 3.141592...와 같은 값은 이미 정해져 있기 때문에 프로그램에 저장되어 변경될 필요가 없습니다. 2. Sizeof 함수를 사용하여 메모리 크기 산출 이번에는 Sizeof 함수를 사용하여 해당 변수의 메모리 크기를 구해보겠습니다. 아래와 같이 코드를 입력합니다. #include int main(void) { int x; x = 5; printf("%d..
Java 언어(#2) 기초 프로그래밍 - 변수(Variable) 1. 개요 프로그래밍을 하기 위해서는 변수의 설정이 반드시 필요합니다. 변수란 프로그램이 실행되는 동안에 언제든지 저장된 값이 변경될 수 있는 공간을 의미합니다. 반면에 상수란 한 번 정해지면 값을 변경할 필요가 없는 데이터를 말합니다. 예를 들어, 두 점의 거리를 의미하는 Distance는 변수로서 프로그램이 실행되는 도중에 변경될 수 있을 것입니다. 반면에, 원주율(π) 3.141592.... 는 상수로서 프로그램에 저장되어 있기때문에 변경될 필요가 없을 것입니다. Java에서는 변수 초기화를 하지 않으면 사용할 수 없습니다. 변수를 초기화할 때 정수를 나타내는 타입만 해도 short, int, long으로 다양합니다. 정수와 변수 안에 실수를 넣으면 정수 부분만 변수에 저장됩니다. 즉, 1.1234..
고막 지진 저음을 상대로 저격 - 웨이코스 씽크웨이 TONE 밥쇽 BA 하이브리드 유선이어셋 결국 2년 전에 구매했던 더 하우스 오브 말리 Chant 이어폰이 고장났습니다. 잦은 대중교통을 이용하면서 이어폰은 항상 제 귀에 꽂혀 있었는데, 라인도 재질이 천이었을 뿐더러 관리가 잘 안 되어 오른쪽이 아예 들리지 않게 되어버렸습니다. 2년 동안 오랜 시간 함께 해왔던 녀석이라 그런지 아쉬웠지만, 아쉬운 마음은 잠시 뒤로 접어두고 이 참에 새로운 이어폰을 구매해야겠다고 느꼈습니다. 평소에도 음악 감상을 참 좋아하는 편인데, 특히나 베이스나 드럼으로 저음을 때려줄 때, 아니면 목소리로 저음 부분이 더 좋게 느껴질 때를 대비해서 저음이 잘 들리는 이어폰을 선호하는 편입니다. 또한 배틀그라운드를 할 때에도 헤드셋 대신에 이어폰을 착용하고 게임하는 것에 익숙해져있어서 가상서라운드도 호환되는 이어폰이 필요했습..

티스토리툴바