'IT'에 해당되는 글 153건

  1. CSS 가로뿐만이 아니라 세로로도 가운데 정렬하기
  2. Square 3.1 패치 노트
  3. Tail - 실시간으로 업데이트되는 로그 파일 보기
  4. PHP 웹페이지에서 오류 로그 보기
  5. PHP에서 원하는 길이로 랜덤 문자열 만들기 2
  6. PHP json_encode 활용하기
  7. Github 리포지토리를 Tar.gz 형식으로 받기
  8. 파일의 SHA-256 해시값 확인하기
  9. [macOS] 맥에서 모니터가 여러개일때 선택적으로 꺼서 사용하기 5
  10. 페이스북 생일 축하 글로 뭘 써야 할지 고민이 될 때 1

가로 방면에서 가운데를 정렬하게 하는 방법은 잘 알려졌지만, div 안에서 세로로도 가운데 정렬하는 건 약간 더 까다로운 편입니다. 텍스트가 여러 줄이 되어도 비율을 맞춰 가운데 정렬하게 할 수 있습니다.


 

CSS 가로뿐만이 아니라 세로로도 가운데 정렬하기


CSS 부분

<style>


.outer {
display: table;
width: 300px;
margin-top: 24px;
}

.tablerow {

display: table-row;

}

.content {

width:300px;
height: 300px;

vertical-align: middle;
display: table-cell;

}

</style>


HTML 부분

<div class="outer">
<div class="tablerow">
<div class="content">

가운데에 있을 내용
</div>
</div>
</div>


'페이스북 생일 축하 글로 뭘 써야 할지 고민이 될 때' 라는 글에서 소개된 Square의 3.1 버전이 릴리즈되었습니다. 이제 형식에 구애받지 않고 카드 콘텐츠를 만들 수 있게 업데이트되었습니다. 이외에도 각종 성능 개선이 이루어졌습니다.



http://square.tarks.net

Square 3.1 패치 노트


http://square.tarks.net


Square 'Square 3.1 패치노트' - http://tarks.net/square/0nKqr6lFSGp9


[새로운 기능 추가] 이제 기존에 있던 생일뿐만 아니라 자신이 원하는 카드 콘텐츠를 만들 수 있습니다.

성능 개선점


- 참신하게 생일축하하기  : 이제 생일에 일어난 일을 불러올 때 더 효율적이고 빠르게 불러옵니다.

- 진행 중 인터페이스 개선 : 페이지를 생성 중 일때 사용자에게 혼동을 줄 수 있는 인터페이스가 개선되었습니다.

- 카드 개선 : 카드를 불러올 때의 내부 알고리즘을 개선했습니다.




http://square.tarks.net




'Square' 카테고리의 다른 글

2월 28일 업데이트  (0) 2019.03.01
Square 3.4 패치 노트  (1) 2017.09.26
Square 3.3 패치 노트  (0) 2017.07.22
Square 3.2 패치 노트  (0) 2017.07.06
페이스북 생일 축하 글로 뭘 써야 할지 고민이 될 때  (1) 2017.06.23

로그 파일은 실시간으로 작성되기 때문에 매번 파일을 열어서 보기엔 적합하지 않습니다. tail 명령어를 사용하면 로그 파일을 실시간으로 모니터링 할 수 있습니다.


Tail - 실시간으로 업데이트되는 로그 파일 보기 


터미널에 아래와 같이 입력하면 로그 파일을 실시간으로 화면에 출력하게 됩니다.


tail -f 파일경로


ex) tail -f /var/log/nginx/error.log

Nginx의 오류 로그 실시간 확인


ex) tail -f  /var/log/nginx/access.log

Nginx의 서버 접근 기록 실시간 모니터링

보통 웹서버의 로그 파일 확인이나 Test를 통해 오류를 확인하지만, 간단한 함수 호출만으로도 웹페이지에서 에러 로그를 확인할 수 있습니다.


PHP 웹페이지에서 오류 로그 보기


태스트나 디버그 목적 외에는 사용하지 않는 것을 권합니다. 서버의 에러 로그를 아무나 볼 수 있게 하는 것은 보안에 별로 좋지 않습니다.

아래 함수를 처음에 호출하면 발생하는 오류나 충돌 사항을 표시하게 됩니다.


error_reporting(E_ALL);
ini_set('display_errors', 1);


PHP에서 원하는 길이로 랜덤 문자열을 반환하는 함수입니다. 문자열에 포함할 문자를 임의로 지정할 수 있습니다.



PHP에서 원하는 길이로 랜덤 문자열 만들기


 function GenerateString($length)  
{
$characters = "0123456789";
$characters .= "abcdefghijklmnopqrstuvwxyz";
$characters .= "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
$characters .= "_";

$string_generated = "";

$nmr_loops = $length;
while ($nmr_loops--)
{
$string_generated .= $characters[mt_rand(0, strlen($characters) - 1)];
}

return $string_generated;
}


위 함수에 원하는 길이를 넣어 호출하면 $characters에 있는 문자열들로 랜덤 문자열을 반환합니다.


ex)  


echo GenerateString(15);


결과)


jsjIgpJ2Pn7w3y6

PHP에서는 배열을 JSON으로 변환할 수 있는 함수가 기본적으로 내장되어 있습니다. 이것이 옵션에 따라 JSON 출력의 결과가 달라집니다.



PHP json_encode 활용하기


JSON_UNESCAPED_UNICODE

유니코드 문자열을 대상으로 Escape를 해서 \uac00 이런 식으로 보이게 하지 않습니다.


  json_encode("가나다"); // 값 : "\uac00\ub098\ub2e4"

  json_encode("가나다",JSON_UNESCAPED_UNICODE); // 값 : "가나다"



JSON_FORCE_OBJECT

배열(Array)을 Object 형태로 변환합니다.

 json_encode(array('A','B','C')); // 값 : ["A","B","C"]

 json_encode(array('A','B','C'),JSON_FORCE_OBJECT); // 값 : {"0":"A","1":"B","2":"C"}


JSON_NUMERIC_CHECK

숫자로만 되어있는 문자열을 Int 형태로 변환시켜 줍니다.

json_encode(array('123','12A')); // 출력값 : ["123","12A"]

 json_encode(array('123','12A'),JSON_NUMERIC_CHECK); // 출력값 : [123,"12A"]


JSON_HEX_TAG

< 와 >와 같은 태그 기호들이 \u003C 와 \u003E 이런 식으로 변환되게 됩니다.

     json_encode("< >"); // 출력값 : "< >"

     json_encode("< >",JSON_HEX_TAG); // 출력값 : "\u003C\u003E"


여러 개 옵션을 동시에 사용하려면 '|' 기호를 사용하여서 할 수 있습니다.


 json_encode($array, JSON_NUMERIC_CHECK | JSON_UNESCAPED_UNICODE);


Github 사이트에서 리포지토리를 zip로 다운로드 받을 수 있습니다. 그러나 이뿐만이 아니라 tar.gz 형태로도 다운로드가 가능합니다.



Github 리포지토리를 Tar.gz 형식으로 받기



https://api.github.com/repos/개인 이름이나 단체이름/리포지토리명/tarball


위와 같은 링크로 접속하면 tar.gz인 확장자인 압축 파일로 받을 수 있습니다

ex) https://api.github.com/repos/DrkLO/Telegram/tarball

'Development' 카테고리의 다른 글

FileZilla 사용시 유의사항 - 파일이 깨질때  (0) 2017.06.13

해시값은 파일의 무결성을 확인하기 위해 자주 쓰입니다. 해시값이 같다는 건 같은 파일이라는 걸 의미합니다. 맥이나 리눅스에서 파일의 SHA 해시값을 확인하는 방법입니다.


파일의 SHA-256 해시값 확인하기


터미널에 아래와 같이 입력합니다.


openssl sha -sha256 파일경로


-sha256 부분을  -md4, -md5, -ripemd160, -sha, -sha1, -sha224, -sha384, -sha512, -whirlpool 으로 바꾸면 다른 해시 알고리즘의 결괏값도 볼 수 있습니다.

원활한 작업 환경을 위해 듀얼 모니터는 기본이고 트리플 쿼드라등 모니터의 개수를 늘리고는 합니다. 물론 많은 모니터가 필요한 작업을 할 때는 이보다 유용한 것도 없겠지만, 이외의 상황에서는 불필요한 집중력 저하만 될 뿐입니다. 수동으로 모니터의 전원을 눌러서 끄는 방법이 있지만, 손이 가야 한다는 불편함이 있고 모니터 개수가 많아지면 많아질수록 불편함은 더욱 커진다는 문제점이 있습니다.

소프트웨어적으로 끌 수 있으면 좋겠다는 생각을 하던 찰나, 좋은 오픈소스 애플리케이션을 발견하게 되었습니다.



모니터를 선택적으로 끄자 - DisableMonitor


'DisableMontitor'라는 오픈소스 애플리케이션입니다. GitHub 페이지가 있고, 다운로드는 여기를 누르면 가능합니다.


앱을 실행하면 상단 오른쪽에 모니터 모양의 아이콘이 뜨게 되는데, V 표로 체크 표시된 모니터는 현재 활성화된 모니터를 의미합니다.



'Disable'을 누르면 체크 해제한 모니터는 연결을 해제한 듯이 작동하게 되며, 다시 원할 경우에는 Enable 해주면 됩니다. 이외에도 주파수와 해상도 조절 등 다양한 설정이 가능하니 유용하게 사용할 수 있습니다.



페이스북에서는 생일인 친구가 있으면 알려주는데요. 뭔가 축하의 메세지를 보내야 할 필요성은 느끼면서도 막상 뭐라 쓰면 좋을지 고민이 될 때가 있습니다. 왠지 참신하게 쓰고 싶었서 아래 사이트를 만들었습니다.


http://tarks.net/square/birthday


페이스북 생일 축하 글로 뭘 써야 할지 고민이 될 때

http://tarks.net/square/birthday

위 링크를 누르면 바로 만들어 볼 수 있습니다.


생일을 축하해줄 친구의 이름 생년월일과 마지막으로 할 말을 입력하면, 아래 사진과 같은 페이지가 생성됩니다.

페이지에서 볼 수 있는 카드들




http://tarks.net/square/birthday

'Square' 카테고리의 다른 글

2월 28일 업데이트  (0) 2019.03.01
Square 3.4 패치 노트  (1) 2017.09.26
Square 3.3 패치 노트  (0) 2017.07.22
Square 3.2 패치 노트  (0) 2017.07.06
Square 3.1 패치 노트  (0) 2017.07.03