부트스트랩의 가장 큰 장점은 반응형 사이트를 만들기 쉽다는 것이다. 그리고 반응형 사이트의 핵심에 대해 알아보려고 한다. Container는 무언가를 담기 위해 사용하는 가장 기본적인 layout element이다. 공간이라고 생각하면 될 것 같다. Container 안의 물건들이 어떻게 배치될 지 여러 가지 설정을 넣어줄 수 있다. 가장 기본적으로, Container 자체의 크기가 화면의 크기에 따라 바뀌도록 할 수 있는데 반응형 웹 사이트의 근본이 된다. 위 사진이 그 설명인데, 예를 들어 container-lg class로 생성하면 Large (992 px) 미만일 때에는 픽셀 크기 자체가 되고, 이상일 때에는 960px 크기의 Container가 된다. https://getbootstrap.com..

lockcept.kr 개인 웹 사이트를 가지고 있는데 디자인이 텍스트 나열 밖에 없어서 Bootstrap 을 적용해보고자 공부하고 글을 작성하게 되었다. 물론 Bootstrap 을 이용한 여러 무료 템플릿을 적용하여도 되지만, 디자인을 본격적으로 적용할 마음은 없었고 공부하며 하자는 마인드로 최소한의 공부 후 직접 적용하게 되었다. 부트스트랩은 트위터에서 시작한 오픈소스 프론트엔드 라이브러리로, 웹 디자인의 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 JS로 만들어 놓은 일종의 템플릿이라고 보면 된다. 웹을 만들 때에 디자인 하느라 소요되는 많은 시간들을 매우 짧게 만들어주었다. 추가로, 반응형 웹 사이트 (모바일 / PC 등 보는 크기에 따라 다르게 적용되는)를 만들 수 있다는 큰 장점이 있다..

https://blog.lockcept.kr/61 Git 기본 (1) : init, status, add, commit, push, track Git을 대충 사용 할 줄은 알았지만, Git의 근본 원리부터 완벽히 알지는 못하여서 공부를 하며 알게된 점에 대해 포스팅을 작성하고자 한다. 아직 정리하여 글을 작성하지 못하여서 일단 정보를 최대한 기록한 뒤.. blog.lockcept.kr 기존의 Git 글에 이어서 branch, checkout, merge, diff, pull & fetch 에 대해 작성하도록 하겠다. 기존 글의 마지막 상태이다. 현재 master branch 위에 있다. 1. branch branch는 마지막 커밋을 가리키는 포인터 이다. 그리고 각각의 커밋은 자신의 부모 커밋을 가리킨다..

배달의 민족 (우아한 형제들) 기술 블로그에서 Git Flow의 존재에 대해 알게 되고 간단하게 공부 및 사용 해보았다. http://woowabros.github.io/experience/2017/10/30/baemin-mobile-git-branch-strategy.html Git Flow는 Git을 사용하는 브랜칭기법 중 하나로 여러 개발자가 하나의 프로젝트를 개발하기 위해서 만든 브랜칭 규칙 및 모델이라고 보면 된다. Git Flow는 크게 Master, Develop, Feature, Release, Hotfix로 구분된다. Master : 언제든지 출시할 수 있는 상태의 브랜치 Develop : 개발자들이 주로 개발을 하게 되는 근본 브랜치 Feature : 개발자들이 하나의 기능을 추가하고 ..

Git을 대충 사용 할 줄은 알았지만, Git의 근본 원리부터 완벽히 알지는 못하여서 공부를 하며 알게된 점에 대해 포스팅을 작성하고자 한다. 아직 정리하여 글을 작성하지 못하여서 일단 정보를 최대한 기록한 뒤에 나중에 다른 사람도 편하게 읽을 수 있도록 순서를 재배치할 예정이다. 1. git init 폴더를 만들고 git init을 통해 git을 생성하였다. 파일 디렉토리는 리눅스 심볼릭 링크를 통해 생성하였다. 윈도우에서 폴더에 가보면 .git 폴더가 생성되어있고 안에 위의 내용이 들어있다. 이제 다시 원래 폴더로 돌아가서 a.txt를 만들고 저장하자. 2. git status git status 는 현재 상황을 알려준다. 현재 master 브랜치에 있으며 별다른 커밋은 없고, 파일 중 a.txt 가..

깃 공부를 하다가 궁금해져서 찾아보았는데, 짧게나마 포스팅으로 남겨서 기억하려고 한다. 로컬 저장소의 Branch는 크게 세 개로 나눌 수 있는데 Local Branch Ref Branch Remote Branch 이다. 이 중 Ref Branch 는 Remote Branch 를 로컬 저장소에 불러와서 캐시를 떠놓았다고 생각하면 편하다. Ref Branch 만을 삭제할 일이 많지는 않겠지만, 만약 하고 싶다면 위의 git update-ref -d refs/remotes/origin/master (경로는 예시) 를 사용하면 된다.

컴파일을 위해서 윈도우에 우분투를 설치하여 사용하고 있다. 우분투의 사용자 변경하는 법을 알아보겠다. 우분투를 실행하면 기존에 생성했던 lockcept이라는 사용자로 시작하게된다. su 를 입력하면 root의 비밀번호를 입력하라고 한다. 비밀번호 입력시 $가 #으로 바뀌면서 root의 권한을 얻게된다. 다시 su username 을 입력하면 username으로 로그인하게 된다. root에서 하게되면 비밀번호를 입력하지 않아도 되지만, user1에서 user2로 변경하면 비밀번호를 입력해야한다. whoami를 입력하면 현재 User를 알려준다. 위 사진에서 lockcept, root 등을 알려줌을 알 수 있다. 만약 root user를 처음 사용하게 되면 sudo passwd root 를 이용하여 pass..

저번에 포스팅한 도메인 구매 및 웹호스팅에 이어 기본적인 html 문법에 대해 공부하였다. 닷홈 도메인 구매 및 웹 호스팅 (클릭) 웹 호스팅 및 웹 개발 시작하기 웹 개발 공부를 하기 위해서 웹 호스팅을 찾아보았다. 그 중 호스팅 전문 업체인 dothome에서 도메인 구매시 할인 및 무제한 웹호스팅 제공 이벤트를 해서 dothome에서 도메인을 구매하였다. 1년 구매시 13500원.. blog.lockcept.kr 간단하게 플레이하는 게임인 리그오브레전드 관련 자료를 이용하여 구현해보았다. 웹의 모습과 코드는 다음과 같다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 록셉은 오공을 잘할까? this is wukong this was wukong Colored b..

웹 개발 공부를 하기 위해서 웹 호스팅을 찾아보았다. 그 중 호스팅 전문 업체인 dothome에서 도메인 구매시 할인 및 무제한 웹호스팅 제공 이벤트를 해서 dothome에서 도메인을 구매하였다. 1년 구매시 13500원이다. lockcept.kr 을 구매하였기 때문에 지금은 등록상태라고 뜬다. 22000원이라고 뜨지만 구매시 할인 받아서 13500원에 구매하였다. 닷홈 외에도 도메인 구매는 Gabia라는 업체도 크다. 닷홈에서 도메인 구매시 위의 '무제한 웹호스팅 FREE' 상품을 이용할 수 있다. 하지만 SSH 사용 불가능하고, 404 페이지 설정이 안되는 등의 불편함이 있다. 따라서 나는 FileZila라는 프로그램을 통해 웹 개발을 시작하였다. 닷홈에서 기본적으로 구축되어있는 여러 파일들이 있는데..