추천 글

OpenLayers3 튜토리얼 : Basic Concepts

웹에 대한 지식을 쌓을 겸 구글링할 때, 영여 원문을 번역해놓은 글을 보고 도움을 많이 받았었다. 비록 쉬운 내용이지만, 그냥 읽는 것 보다 글로 쓰면 기억에 잘 남고, 그리고, 미래의 내가(?) 읽고나서 짧은 시간 안에 파악할 수 있도록 내용을 정리할 겸 아래에 내용을 작성하였다. 이해를 위해 조금 해석해서 다시 적기도 하고, 이해가 안되는 부분은 본문을 첨부하였다. 원본 출처는 아래 링크 입니다. OpenLayers3..

JavaScript 2016.07.20 0

[CSS] z-index와 쌓임 맥락(Stacking Context)

z-index 에 대해 검색하다가 좋은 글을 보게되었다. [번역] z-index에 관해 아무도 말해 주지 않은 것이라는 글이고, 원문 What no one told you about z-index 을 번역한 글이다. 글을 읽으며 든 생각은 z-index가 적용되는 방식은 생각보다 복잡하며, 스펙에는 그러한 정보가 모두 들어있다는 점이다. 쌓임 순서 (Stacking Order)란? z-index가 높으면 위로 오고, z-index가 낮으면 아래로 가는 것이다. 쌓임 맥락 (St..

HTML 2017.01.12 0

[CHAMO] 사진 메모 - 지금까지의 결과물

0. 배경 웹 서핑 중, 기억하고 싶은 정보를 캡쳐하는데 사진이 정리가 안되어 나중에 찾기 힘들었습니다. 캡처된 사진을 관리하기 위해 만들게 되었습니다. 1. 운영 환경 URL - dolhim.com/chamo 호스팅 - 고도호스팅 서버 - Apache Web Server, PHP 7.0 DB - Mysql 5.5 2. 화면 - PC - 모바일 3. 기능 카드 도시 - 사진과 제목, 카테고리(임시), 생성 날짜, 생성자, 설명을 카드형식으로 도시함. 카드에 움직임 효과를 주..

오늘의.. 2017.05.28 0

최신 글

more

cassandra 접속을 위한 cqlsh 간단 사용 방법

1. cqlsh 다운로드 아래 링크에서 cassandra 버전을 선택하고, 체크박스를 클릭하여 동의하고, 다운로드한다. 나는 Apache Cassandra를 사용해서 "DataStax Distribution of Apache Cassandra"를 선택했다. https://downloads.datastax.com/#cqlsh 2. 접속 terminal이나 cmd를 실행하고, 다운로드 받은 폴더로 들어가서 압축 해제한 후 아래 명령어를 실행한다. 1.2.3.4에는 접속하려는 cassandra 서버의 IP주소를 입력한다. bi..

DB 2022.04.25 0

[노개북] 실용주의 프로그래머 (Mission 3)

Mission (3) 진짜 요구사항 요구사항을 받았는데, 요구사항이 아닐 수 있습니다! 요구사항이 아니라면 사용자가 진짜로 원하는게 무엇인지 알아내야합니다. 애매한 요구사항에서 진짜 요구사항을 찾아내는 연습을 해봅시다. (1) '연습문제 #33'을 읽습니다. (2) 1-5번까지 문제를 클라이언트가 건넨 요구사항이라 상상하며 문제를 풀어봅시다. (3) 진정한 요구사항이 아닐 경우 어떻게 질문을 해야하는지, 무엇을 알아야 하는..

이달의 책 2022.04.04 0

[노개북] 실용주의 프로그래머 (8장. 프로젝트 전에)

오늘 읽은 범위 🔖 8장. 프로젝트 전에 📝 책에서 기억하고 싶은 내용 실용주의 프로그래머는 요구사항을 받으면 의문점을 떠올리고 의뢰인에게 역으로 질문하며 탐험한다. (p.352) 프로젝트 용어 사전 관리하기 (p. 360) 짝 프로그래밍pair programming, 몹 프로그래밍mob programming: 한 사람이 코드를 입력하는 동안 한 명 혹은 여러명의 팀 동료가 조언하고 고민하며 문제를 함께 푸는 것 (p. 368) 익스트림 프로그래밍eXtr..

이달의 책 2022.04.04 0

[노개북] 실용주의 프로그래머 (7장. 코딩하는 동안)

오늘 읽은 범위 🔖 7장. 코딩하는 동안 📝 책에서 기억하고 싶은 내용 여러분은 개발자로서 ... 경험과 지혜를 축적해 왔다. ..그 느낌을 따라라. 직감이 여러분의 역량에 일조하도록 하라. (p. 277) 일단, 하고 있는 일을 멈춰라. 여러분의 뇌가 정리를 좀 할 수 있도록 약간의 시간과 공간을 확보하라. (p. 278) 코드를 마구 찍어내는데 드는 시간을 줄이고, 오류를 초기에 더 적게 만들기 위한 의도적으로 프로그래밍하는 법..

이달의 책 2022.04.02 0

[노개북] 실용주의 프로그래머 (6장. 동시성)

오늘 읽은 범위 🔖 6장. 동시성 📝 책에서 기억하고 싶은 내용 용어 정의 (p. 241) 동시성concurrency: 동시에 실행 중인 것처럼 행동하는 것 ex) 파이버fiver, 스레드, 프로세스 등을 사용 병렬성parallelism: 실제로 동시에 실행되는 것 ex) 여러 개의 일을 동시에 할 수 있는 하드웨어. 코어가 여러개인 CPU, 여러대의 CPU 등 시간적 결합temporal coupling 깨트리기 보통 직선적 사고를 하기 마련이다. ...우리는 동시성을..

이달의 책 2022.03.30 0

[노개북] 실용주의 프로그래머 (Mission 2)

💡 연습문제 20 (p. 207, Topic 30 변환 프로그래밍) (이벤트에 잘 반응하는 애플리케이션을 만들기 위한) 네 가지 전략 중에서 다음 상황에 맞는 것은 각각 어떤 것일까? 여러 전략을 조합해야할 수도 있다. 5분 동안 '네트워크 인터페이스가 꺼짐' 이벤트를 세 번 받으면 운영 직원에게 알려라. 일몰 후에 층계 밑에서 동작이 감지된 다음 층계 위에서 동작이 감지되면 위층의 전등을 켜라. 다양한 보고 시스템에 주문이 완료..

이달의 책 2022.03.29 0

[노개북] 실용주의 프로그래머 (5장. 구부러지거나 부러지거나)

오늘 읽은 범위 🔖 5장. 구부러지거나 부러지거나 📝 책에서 기억하고 싶은 내용 결합도 줄이기  열차 사고: 메서드나 속성들이 모두 연결되어있는 코드. 코드가 지저분하고 고치기 어렵고 코드를 이해하기 위해 알아야하는 것이 너무 많다. (p. 185 ~ 186) 함수 파이프라인 (p. 189)  묻지 말고 답하라(Tell, Don't Ask, TDA): 객체가 하는 일을 위임하라. (객체에서 내부 객체를 호출하지 말고, 불필요하게 분리된 함수는 합..

이달의 책 2022.03.26 0

[노개북] 실용주의 프로그래머 (4장. 실용주의 편집증)

오늘 읽은 범위 🔖 4장. 실용주의 편집증 📝 책에서 기억하고 싶은 내용 계약에 의한 설계 (DBC, Design by Contract): 코드를 작성하기 전에 값의 입력 범위, 경계 조건, 루틴이 전달하는게 뭔지 정의하는 일종의 설계 기법이다. 일찍 작동을 멈춰라 (p. 160) 절대 일어나지 않는 일은 없다. 단정문으로 불가능한 상황을 예방하라 (p. 162) 진짜 오류처리를 해야하는 곳에 단정을 대신 사용하지는 말라 (p. 163) 단정 기능을 켜..

이달의 책 2022.03.25 0

[노개북] 실용주의 프로그래머 (3장. 기본 도구)

오늘 읽은 범위 🔖 3장. 기본 도구 📝 책에서 기억하고 싶은 내용 일반 텍스트의 힘 (p. 132) 일반 텍스트, 암호화, 구조화(XML, JSON..)를 적절히 사용하기 조개 놀이 (Shell Games) (p. 139) 반복적이고 번거로운 GUI 작업을 Shell 명령어로 만들라 Windows의 경우 Cygwin을 이용해 유닉스 호환 레이어와 유닉스용 유틸리티를 사용할 수 있다. 디버깅 (p. 157) 디버깅 = 문제 해결, 디버깅을 할 때 당황하지 마라 데이터를 시..

이달의 책 2022.03.23 0

인기 글

[HTML/JS] button을 누를 경우, 페이지가 reload 되는 현상

일반 button을 누를 경우, (버튼에 설정해놓은 이벤트 외에 추가로) 페이지가 제멋대로 reload 되는 경우가 있다. [원인] button이 form 태그 안에 있을 경우 발생한다. 덧붙여, button의 type 속성의 기본 값은 'submit'이다. 즉, 버튼을 클릭할 경우 1 2 3     Click Colored by Color Scripter cs 위와 아래 코드는 같은 동작을 한다. 1 2 3     Click Colored by Color Scripter cs [해결] 두가지 방법이 있..

HTML 2016.09.07 6

[Linux] CentOS 네트워크 연결 설정하기

CentOS minimal 버전을 설치하면 처음엔 인터넷이 안된다. CentOS 7 과 CentOS 6.8을 각각 설치하고 네트워크 설정을 해보았다. 먼저 ping 8.8.8.8 을 입력하여 인터넷이 안되는 것을 확인한다. 위와 같이, 네트워크를 사용할 수 없다는 안내문구를 확인할 수 있다. 그러면, 사용 가능한 네트워크를 확인하기 위해 ip addr를 친다.  (혹은, ifconfig -a명령어도 가능함. ) 이 그림은 ens33을 실행한 후의 화면이다. 중간..

Linux 2016.12.23 4

[Linux] 스크립트 실행 시, 'No such file or directory' 오류

상황 : 스크립트를 Window에서 작성 후  (문법적으로 오류가 없다고 가정) Linux에서 실행 시 에러 발생 오류 내용 : -bash: ./your_script: /bin/sh^M: bad interpreter: No such file or directory 원인 : Windows 시스템에서 텍스트 편집기를 통해 파일을 만들 때, 줄 바꿈에 캐리지 리턴 + 줄 바꿈 문자를 사용하지만 Linix 시스템에서는 줄 바꿈 문자만 사용하므로 문제가 발생할 수 있다. 해결 : 리눅스에서 명령어를..

Linux 2017.02.09 0

[Linux] CentOS IP 주소 설정하기

CentOS 에서 IP 주소를 설정하는 방법입니다. CentOS6.8에서 진행하였습니다. /etc/sysconfig/network-scripts/ifcfg-eth0 파일을 엽니다. 설정하려는 IP와 서브넷마스크, 게이트웨이를 입력하고 DNS는 구글 서버로 설정하고, DHCP를 해제합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 vi /etc/sysconfig/network-scripts/ifcfg-eth0 Device=eth0 HWADDR=**:**:**:**:**:** IPADDR=192.168.1.148 NETMASK=255.255.255.0 GATEWAY=192...

Linux 2017.03.21 0

Geoserver + Openlayers CORS 문제 해결 방법

Linux에 Geoserver를 설치한 다음, OpenLayers로 WMS Tile을 생성했다. 그런데, 레이어를 도시할 때마다, CORS 에러가 난다. 이는, 브라우저를 실행할 때 명령창에서 '--disable-web-security' 옵션을 추가하고 크롬을 실행하면 일시적으로 해결된다. 하지만, 실제 운영되는 환경으로 세팅해야 했기 때문에 근본적으로 해결할 수 있는 방법을 찾기로 했다. 먼저, CORS(Cross-Origin Resource Sharing)란 무엇인가? 모질라..

Linux 2017.02.09 0