추천 글

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

블록 레벨의 유효 범위(Scope)에 대하여

const는 블록 레벨 스코프이고, 재할당이 안된다. 하지만 아래와 같이 하위 블록에서 동일한 이름으로 선언하고, 값을 할당할 수 있다. Case 1 : 상위 블록과 하위 블록에 동일한 이름의 변수가 선언된 경우 function try1() { const a = "cocoa"; console.log("[try1] before", a); // cocoa if (true) { console.log("[if] before", a); // undefined const a = "leaf"; console.log("[if] after", a); // leaf } console.log(..

JavaScript 2021.04.25 0

[HackerRank] Array Manipulation 풀이

문제 입력 값은 행렬의 크기(n*m)와, 쿼리(query, 여기서는 db 쿼리가 아니라 "연산"을 의미한다.)들로 이루어져있는데, 쿼리의 의미는 a = 시작 인덱스, b = 종료 인덱스, k = 값이다. 각 쿼리는 시작 인덱스 ~ 종료 인덱스 사이의 배열 요소에 값을 더하는 작업을 수행한다. 모든 작업을 수행하고 배열의 최대 값을 반환하면 된다. n m a, b, k a, b, k a, b, k ... www.hackerrank.com/challenges/crush/problem Array Manipu..

오늘의 코드 2021.04.21 0

[HackerRank] Minimum Swaps 2 풀이

문제 You are given an unordered array consisting of consecutive integers  [1, 2, 3, ..., n] without any duplicates. You are allowed to swap any two elements. Find the minimum number of swaps required to sort the array in ascending order. www.hackerrank.com/challenges/minimum-swaps-2 풀이 과정 1. 문제 해석 오류 : 집합 기호와 영어 해석이 잘못됐다. 배열이 1 부터 n까지의 원소라는 의미인데, 1 부터..

오늘의 코드 2021.04.20 0

[Error] ASP.NET Entity Framework 관련 에러 (feat. 민간요법 같은 해결 방안)

ASP.NET 4.5 + EntityFramework 조합으로 사용 중에 DB 스키마 변경 없이 DB만 Mssql -> Mysql 으로 변경하던 중 발생한 에러입니다. 1. 이 함수는 네 맘대로 쓸 수 없다. Error : 이 메서드는 LINQ to Entities 인프라를 지원하며 코드에서 직접 사용할 수 없습니다. Solution : Enumerable.AsQueryable() 제거해줌, 아예 못쓰는건 아닌데 없어도 큰 문제는 없어서 일단 제거, 나중에 필요할 때 찾아보기로 2. DB 연결을..

C# 2019.12.02 0

[Error] .NET SQL Client Connection 관련 예외

Error message : 'System.Data.SqlClient.SqlException' 형식의 예외가 mscorlib.dll에서 발생했지만 사용자 코드에서 처리되지 않았습니다. 추가 정보: 서버에 연결했지만 로그인하는 동안 오류가 발생했습니다. (provider: SSL Provider, error: 0 - 대상 주 이름이 정확하지 않습니다.) Solution : connectionstring에 Encrypt=True일 경우, TrustServerCertificate=True 로 변경 (없으면 새로 추가) 참조 : (내용 일부 발췌)..

C# 2019.12.02 0

[C#/Mysql] Error : every derived table must have its own alias

기본 구조는 ASP.NET Entity Framework를 이용하여 MariaDB에서 데이터를 가져온다. 에러 문으로 구글링 하면 JOIN 할 때 테이블에 alias를 안 해줘서 라고 하는데, 나는 JOIN을 안했다. (아마도 Entity Framework 안에서 어디선가 한 것 같다.) 결론적으로 SELECT한 다음 가져온 리스트의 한 객체에 값을 수정한 게 문제였다. (가져온 데이터를 가공해서 보여주려면 매핑 전용으로 클..

오늘의 뻘짓 2019.05.28 0

HTTP 파헤치기 1

1. 리소스 URI : 리소스를 식별할 수 있는 값을 의미한다. URL : 리소스의 위치를 의미한다. 가장 널리 쓰인다. URN : 리소스의 위치에 영향 받지 않는 이름을 나타내며, 아직 널리 쓰이지 않는다. 2. 메시지 요청(Request)의 경우 첫 줄은 메서드, 로컬 리소스 위치, HTTP 버전으로 구성되며, 둘째 줄 부터 헤더가 나열되고 마지막은 빈 줄이다. 응답(Response)의 경우 첫 줄은 HTTP버전과 응답코드와 메시지로 구성되며, 둘째..

컴퓨터 2018.08.25 0

Learning HTTP/2 러닝 HTTP/2 (1)

23페이지 HTTP/1.0의 특징 (1996년 발표, RFC 1945) 헤더 응답 코드 Response codes 리다이렉트 Redirects 오류 Errors 조건부 요청 Conditional requests 콘텐츠 인코딩 encording (압축 compression) 요청 메서드 Request methods 단점 여러 요청 사이에 연결을 유지하는 기능이 없음 Host 헤더가 필수가 아니였음 캐싱 cashing 옵션이 빈약했음 HTTP/1.1 의 특징 (20년 이상 사용 중, RFC 2616) casheability 헤더의 확장 OPT..

이달의 책 2018.08.05 0

인기 글

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

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

Linux 2016.12.23 4

[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 5

[C#] 'TypeInitializationException이(가) 처리되지 않았습니다' 에러

대부분의 오류나 예외는 메시지를 잘 살펴보면 어떻게 해결할지 답이 나온다. 처음엔 메시지를 봐도 이게 무슨말인가 했는데, 비슷한 예외가 자주 발생하다보니 이젠 잘 읽어보면 어떻게 해결해야할지 감이 잡힌다. ''OpenCVSharp.CPlusPlus.Mat'의 형식 이니셜라이저에서 예외를 Throw했습니다.' [주의] 일반적인 해결방법이 아닐 수 있습니다. 먼저, 메시지에서 언급된 형식의 인자의 값을 잘못 넣었는지 확인한다. (그럴..

오늘의 뻘짓 2016.03.03 1

[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

[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