캐시 없이 웹 페이지 로딩하기



웹 프로그래밍을 하다보면 CSS나 Javascript로 작업을 하다가

바뀐 기능이나 디자인을 확인해야하는 경우가 매번 있다.


그러나 브라우저는 빠른 접근을 위하여, 이미 방문한 웹페이지를 '캐싱'해두는데,

이 때문에 변경된 내용이 제대로 반영되지 않는 경우가 있다.


크롬에서는 이를 위하여 개발자 도구가 켜져 있을 경우 캐싱을 하지 않는 옵션이 있다.





우선, 구글 개발자 도구를 열고 설정 탭을 클릭한다.

설정탭은 제일 우측 점 3개 아이콘이다.

여기서 Settings 카테고리로 들어가자.






Settings를 열면 여러 메뉴가 나오는데 이중 Preferences를 선택한다.

스크롤을 조금 내리면 Network를 확인할 수 있다.

이 중에서 Disable cache(While DevTools is open)에 체크하면 캐시 설정이 완료된다.



저작자 표시
신고

mac - 특정 포트를 사용중인 프로세스 확인/종료




node 작업을 프로젝트를 넘나들면서 하다보니

이유는 모르겠지만 터미널이 꺼졌는데도 불구하고 port상태는 listen인 경우가 있었다.


이때 특정 포트를 사용중인 프로세스를 점검하고

kill 명령어로 종료 시켜야한다.




1
2
sudo lsof -i :"포트 번호"
sudo kill -9 "프로세스 번호"
cs


첫번째 줄의 명령어를 입력해서 해당 포트를 사용하고 있는 프로세스를 찾는다.

해당 두번째 명령어로 종료시키면, 깔끔하게 프로세스가 사라지게 된다.





node를 실행 시키려다가 포트가 이미 막혀서 실패했었는데

프로세스를 종료시키고 실행하니

올바르게 서버가 열리는것을 확인할 수 있었다.


저작자 표시
신고

Git log 예쁘게 출력해서 보기





1
git config --global alias.logs "log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit"
cs


위의 명령어를 터미널에 입력해 준다.

 logs라는 매크로 명령어를 추가해 주는 명령이다.

logs외에 다른 명령어를 사용하고 싶다면 allias."명령어"로 추가해 주면 된다.







Git logs라고 입력하면 다음과 같이 깔끔한 log를 볼수 있다.

branch들의 관계를 시각화해서 볼 수 있다! 



저작자 표시
신고

homebrew(파일 관리자)를 이용한 mysql 설치


별도의 환경변수를 지정해 줄 필요가 없다. 




https://github.com/helloheesu/SecretlyGreatly/wiki/%EB%A7%A5%EC%97%90%EC%84%9C-mysql-%EC%84%A4%EC%B9%98-%ED%9B%84-%ED%99%98%EA%B2%BD%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0



저작자 표시
신고
How to write good git message


Good commit messages serve at least three important purposes:

To speed up the reviewing process.(리뷰를 빠르게 할수 있음)

- To help us write a good release note.(좋은 릴리즈 노트 작성에 도움)

- To help the future maintainers of Erlang/OTP (it could be you!), say five years into the future, to find out why a particular change was made to the code or why a specific feature was added.
(유지보수에 도움이 될수 있음 - ex) 특정 코드가 추가 되었을 때)


Do

- Write the summary line and description of what you have done in the imperative mode, that is as if you were commanding someone. Start the line with "Fix", "Add", "Change" instead of "Fixed", "Added", "Changed".
(명령조 - 동사로 시작되며 현재형을 사용한다 - 의 커밋 로그를 사용하는게 영어로 로그를 작성할때 일반적. 한글로 작성 할 수도 있음.  오픈 소스로 사용할때는 영어를 사용하는 것이 일반적)

Always leave the second line blank.
(제목과 본문 사이(두번째 행)는 비워 둔다.)

-  Line break the commit message (to make the commit message readable without having to scroll horizontally in gitk).


Don't

Don't end the summary line with a period 

- it's a title and titles don't end with a period.


Tip

If it seems difficult to summarize what your commit does, it may be because it includes several logical changes or bug fixes, and are better split up into several commits using git add -p.
 
&


ETC.
- git commit -m 은 한줄 커밋을 사용할때 사용하는 것, 개발자에 따라서 사용하지 말라고 하는 사람도 있음 ( git commit 입력 후 vim 에디터로 수정하여 작성하는 것이 정석 )
- commit log에 대한 구체적인 룰은 팀원들과 협의해야 한다.



저작자 표시
신고

도커 툴박스 Kitematic




다음은 도커를 쉽게 관리할 수 있는 툴박스인 Kitematic을 설치해 보자

이 툴을 이용하면 도커와 결합하여 로그를 확인하거나, 

여러가지 기능들을 확장하여 사용할 수 있다.


홈페이지 주소

https://kitematic.com/






먼저 홈페이지에 접속한다.

툴박스 다운로드 버튼을 클릭한다.

 






툴박스 다운로드페이지에서 자신의 OS에 맞게 다운로드한다.
이 후 다운로드 받은 파일을 실행시켜 설치를 끝낸다.




 

툴박스 실행화면이다.
중앙에 로그가 기록되는 것을 확인할 수 있다.
왼쪽 스테이터스 창을 이용하여 현재 실행 중인 컨테이너를 볼 수 있으며,
간단하게 시작, 재시작, 종료가 가능하다.
또한 왼쪽 하단 CLI를 클릭하면 도커의 커맨드창이 활성화 된다.


저작자 표시
신고


도커(docker)


기존의 가상 머신은 가상화 환경에 따라 CPU와 자원들을 이용하여 새로운 컴퓨터를 만드는것이라고 하면

리눅스의 컨테이너 기술을 이용하여 가상화를 하지 않고 프로세스만 격리해서 빠르게 실행시킨다.

기존의 시스템 자원을 공유만 하며, 가상 머신이 아닌 리얼 머신에서 돌아간다.


즉, 기존의 운영체제 안에서 프로세스를 격리시키는 기술이다.

-> 마치 가상머신을 설치한것과 동일한 효과를 낸다.


1. VM를 사용하면 용량이 많이 차지하고 느리나 docker는 좀 더 가볍고 빠른 환경을 가진다.

2. 성능상으로 98퍼센트이상 가상머신과 동일한 퍼포먼스를 보여줌

3. 자동 설치 스크립트를 지원해줌

4. 한개의 이미지로 여러개의 컨테이너를 실행가능


현재 도커는 리눅스 전용이며, 추후에 MS에서 지원계획을 발표했다.





설치하기




도커 홈페이지에 들어가 조금 스크롤을 내리면 다운로드 화면이 나온다.

운영체제에 맞게 다운로드 하자.

다운로드 후 설치를 진행한다.






터미널로 도커 버전을 확인해 본다.

정상적으로 설치 된 것을 확인할 수 있다.






미리 구성된 패키지 이미지를 도커에서 제공하고 있으므로

자신이 선호하는 패키지 관리자를 설치된 이미지를 받아오면 되겠다.

docker images명령어를 사용하며 현재 설치된 이미지를 확인할 수 있다.

현재 내 컴퓨터에는 다운된 이미지가 없다.








도커는 깃허브와 마찬가지로 도커 허브라는 것이 있는데

push 와 pull명령을 사용할 수 있다.

따라서 도커는 깃 허브의 공유기능을 사용하여 이미지를 공유할 수 있다.

(깃 - 깃허브, 도커 - 도커 허브)


명령어를 통하여 우분투의 이미지를 받아오자.

여기서 중요한점은 우분투를 받는 것이 아니라 우분투의 이미지를 받아 오는 것이라는점.

우분투의 패키지 매니저만 받아온다.

최신버전을 모른다면 docker pull ubuntu:latest 를 입력하면 자동으로 최신버전을 받아온다.






실행하기


 


다시 이미지 명령어를 통하여 이미지가 잘 받아졌는지 확인한다.

이미지에는 커널을 제외한 다양한 공유자원들이 포함되어있으므로 용량은 좀 큰편이다.

이미지에 대한 설치가 완료되었으므로 이를 컨테이너로 만들어야한다.

이미지와 컨테이너에 대한 구분은 편하게 다음과 같다고 생각하면 된다.


이미지 - 일종의 파일(실행파일)

컨테이너 - 이미지를 실행시킨 상태(프로세스 같은 개념)






 

도커에 이미지를 실행시켜 컨테이너로 만들기 위해서는  run 명령어가 사용된다.

이후 2개의 옵션을 걸고, 실행하고자하는 이미지의 이름과 메인 실행파일을 지정해준다.

옵션은 다음과 같다.


-i : 사용자가 입출력을 할 수 있도록 설정

-t : 가상 터미널 환경을 애뮬레이션 하겠다.(Bash를 띄워서 입출력이 가능함)


/bin/bash는 컨테이너에 있는 실행파일이며 메인 실행파일이다.

bash가 종료되면 컨테이너도 종료된다.






root@~~~~ 가 뜬것은 컨테이너안으로 들어왔다는 뜻이며 현재 docker안, 즉 우분투 os 안에 있다는 말이다.

ls명령어를 입력해보면 기존의 리눅스 환경과 동일한 모습을 볼수 있다.

바깥과는 다른 환경이지만 가상은 아니다.





 


업데이트도 정상적으로 된다.

컨테이너 안에 root 권한으로 접속 하였으므로 root를 붙여주지 않아도된다.





종료하기



도커 컨테이너의 종료는 exit 명령어를 사용하면 된다.

bash가 종료되면서 컨테이너도 같이 종료된다.

docker ps -a 명령어를 통해 도커의 프로세스를 확인해보면, 

bask에 대한 시작과 종료가 확인가능하다.








이번에는 컨테이너 안에 들어가는 것이 아니라 실행만 시켜 놓는 것을 해보겠다.

docker ps -a 를 실행시키면 방금전에 실행 하였던 컨테이너의 이름이 나온다(파란색)

이를 복사하여 docker start (이름) 을 입력 하면 컨테이너가 실행 되며, bash 접속은 되지 않는다. 

컨테이너 이름은 run에서 옵션을 부여하여 지정할 수 있으나 그냥 실행했다.


옵션을 부여하려면 docker run -d --name (이름) (이미지 이름) /bin/bash 를 입력한다.





 


이렇게 생성된 컨테이너에 다시 접속 하기 위해서는 attach 명령을 사용한다.

docker attach (이름)을 입력하고 엔터를 한번 더 누르면 bash에 접속할 수 있다.

exit를 입력하면 컨테이너와 bash가 종료되나, 컨테이너만 빠져 나오기 위해서는

Ctrl+P+Q를 입력한다(이는 bash의 단축키이다).

Ctrl+D는 Exit이다.





 


또한 외부에서 컨테이너를 종료시키기 위해서는

docker stop (이름)을 입력한다.

종료를 하더라도 컨테이너의 형체는 남아있는데

이를 지우기 위해서는 docker rm (이름)을 입력한다.

이렇게 하는 이유는 이미지 하나로 여러개의 컨테이너를 실행할 수 있기때문이다.


이렇게 생성된 컨테이너에서 다운받은 것들은 컨테이너 레벨에서 저장되며

이미지에 전혀 영향을 주지 않는다.

(가상머신은 이미지 레벨에서 저장이 된다.)



마찬가지로 도커의 이미지 중에서 필요없는 것을 지우기 위해서는

docker rmi (이름)을 입력한다.


아래는 출처 동영상이다.

https://www.youtube.com/watch?v=Bhzz9E3xuXY





저작자 표시
신고

더블릿 30계단 사용 방법



http://59.23.113.171/index.php


더블릿은 30계단으로 이루어진 알고리즘 문제 사이트이다.

사용방법은 다음과 같다.



1. 로그인 후 자신이 풀고 싶은 문제를 찾는다


 





2. 설명에 따라 자신이 풀어야 할 프로그램을 이해한다. 이때 결과값은 예시와 동일하게 출력되어야 한다.


 





3. 소스코드를 작성한다.






4. 페이지 오른쪽 하단에 채점을 클릭한다.




5. 작성한 코드의 language를 설정하고 코드를 붙여넣은 후 제출을 클릭한다.






6. test case 확인 - 통과



7. test case 확인 - 실패(실패시 뒤로 돌아가 수정된 코드를 입력한다.)

 

 

 

저작자 표시
신고

visual studio 빌드에서 제외




빌드에서 제외

: 프로젝트 내에서 여러개의 소스파일을 만들 때, 또는 알고리즘 문제를 푸는데 여러개의 프로젝트를 생성하기 까다로울 때 '빌드에서 제외' 항목으로 손쉽게 소스코드를 제외 시킬수 있다.



1. 솔루션 탐색기에서 제외하고 싶은 소스를 선택한다. 




2. 해당 소스를 오른쪽 클릭하여 창을 활성화 한다.



3. 빌드에서 제외 항목을 확인한다.




4. 빌드에서 제외 항목을 '예'로 설정한다.




 


5. 소스가 제외 된것을 확인할 수 있다.



빌드에서 제외를 사용함으로써 여러가지 소스를 한 프로젝트 내부에서 빌드할 수 있다.
예를 들어 알고리즘 문제 푸는데 귀찮게 여러개의 다른 프로젝트를 생성할 필요가 없다.
 

 

신고

+ Recent posts

티스토리 툴바