매일 꾸준히, 더 깊이

※ 일본 블로그의 글을 번역한 내용입니다. 내용에 의역과 오역이 존재할 수 있습니다. 지적해주시면 수정하도록 하겠습니다. ※ 이 블로그 글은 작성된지 3년이 지난 글로 현재의 테스트 방법과 다를 수 있습니다. 이 글은 "경험 제로라도 할 수 있는 프로그래밍 현장의 단위 테스트"의 책 내용을 정리한 것입니다 (책 내용을 단순히 요약, 정리한 글이라 블로그 글 자체의 내용이 제대로 연결되어 있지 않습니다). 단위 테스트에 대한 기초 지식 1. 어플리케이션 개발에서는 설계에 너무 많은 시간을 들여서, 테스트에 시간을 들일 수 없는 경우가 있다. 2. 치명적인 장애 발생 가능성이 있다. 3. 아무튼 모든 상정하는 테스트를 실시하는 것이 불가능하다. 4. 테스트 케이스를 짤 필요가 있다. 5. 각 테스트 단계의 ..

본격적인 포스팅에 앞서 여기서 소개한 테크닉 몇 개는 실제로 추천되지 않는 표기법이라는 사실을 알립니다. 따라서 상황에 맞게 사용하시길 바랍니다. 기본 개행과 스페이스를 없앤다. Before var a = 1, b = 2; console.log( a, b ); After var a=1,b=2;console.log(a,b); 변수 선언(var)을 생략하고, 변수의 값이 동일한 경우 모아서 작성한다. Before var a = 1, b = 1; After a=b=1; 값 혹은 계산의 생략 소수점의 생략 Before console.log(1+0.5); After console.log(1+.5); 아래 세 자리 이상이 0인 경우 지수로 표현 Before console.log(1000); After console..

정규표현이란 문자열 내에 문자의 구성을 조합하기 위해 이용하는 패턴이다. 우편 번호를 이용한 간단한 예를 보자면 다음과 같다. > var pattern = /^\d{3}-?\d{4}$/g; > var postcode = '121-4440'; //올바른 우편번호 > var result = postcode.match(pattern); undefined > result ["121-4440"] > var pattern = /^\d{3}-?\d{4}$/g; > var postcode = '121-444'; //올바르지 않는 우편번호 > var result = postcode.match(pattern); undefined > result null postcode가 올바른 우편번호인 경우에 result에 대입되고, ..

간단 사용법 QueryAPI에서도 QuerySet을 돌려주는 메소드이다. select_related()와 마찬가지로 한 번의 쿼리로 관계 테이블의 객체를 얻을 수 있다 (즉 JOIN가능하다). 차이점이라면 prefetch_related()는 M2M 관계일 때 사용한다는 것이다. 이와 관련해서 조금 더 설명을 덧붙이자면 다음과 같다. ● select_relation()의 경우 select_relation()은 관계 테이블의 객체도 포함해서 SQL로 SELECT를 실행해 객체를 얻고 있다. 따라서 관계 테이블의 객체도 포함해서 한 번의 쿼리로 모든 대상 객체를 얻는다. 따라서 M2M의 관계의 객체를 대상으로 실행했을 경우 엄청난 수의 객체를 얻게 된다. 따라서 select_related는 ForeignKey..

지난번에 작성했던 '테이블(모델)의 JOIN(1)'의 경우 너무 가볍게 보기도 하고 거기서 언급했듯 스스로도 이해를 못했기 때문에 prefetch_related()와 select_related() 각각의 메소드 사용법을 조금 더 살펴보겠습니다. 이번 포스팅에서는 둘 중 먼저 select_related()의 사용 대해 다뤄보고자 합니다. 간단 사용법 쿼리를 실행했을 때에 지정된 외래 키의 개체도 함께 가져온다. 이를 통해 DB에 접근하는 횟수를 줄일 수 있다. 사용예에 대해서 살펴보자면, 첫 번째 코드를 두 번째로 코드로 변경할 수 있다. # DB에 접근 e = Entry.objects.get(id=5) # 아직 DB를 건들이고 있다. b = e.blog # DB에 접근 e = Entry.objects.s..

먼저 Vue.js 자체의 기본적인 구문을 정리해보도록 하겠다. Vue 인스턴스 Vue 인스턴스의 작성법은 아래와 같다. //app.js new Vue({ el: "#app", data: { name: "Kei", age: "30", counter: 0 }, methods: { increase: function() { this.counter += 1; } } }) 이 app.js를 Vue.js와 함께 임포트한다. {{ }} {{ }} 로Vue인스턴스의 요소를 호출할 수 있다. {{ name }} v-bind HTML요소를 Vue.js에 동적으로 지정하고 싶은 경우에 v-bind를 사용한다. Google v-once v-once 를 HTML 태그에 포함하여 1번 그려진 요소의 내용이 변경되지 않도록 할 수 ..

코드 레이아웃 ● 들여쓰기 1) 들여쓰기는 스페이스 4개를 사용하자. 2) 행을 반복해서 작성할 때는 요소의 세로를 맞추자. 3) if문의 괄호문({}) 안의 코드 부분과 복수의 조건 부분의 구분에 대해 구체적인 언급은 없지만 몇 가지 방법이 있다. # 방법1 if (this_is_one_thing and that_is_another_thing): do_something() # 방법2 if (this_is_one_thing and that_is_another_thing): do_something() 4) 한 문장을 여러 행에 나눠 작성하고 마지막에 괄호, 브라켓을 닫을 때는 '리스트의 마지막 요소가 위치한 행의 첫 번째 화이트 스페이스가 아닌 문자 바로 아래'에 닫는 기호를 작성한다. my_list = ..

IP주소(Internet Protocol Address)란 인터넷상에 연결된 기계가 갖는 번호이다. 데이터를 송수신할 때, 네트워크상에서 통신 상대를 헷갈리지 않도록 하기 위해 사용된다. IP주소에는 종류나 규칙이 존재한다. 이것에 대해 알기 쉽게 설명하도록 하겠다. IP 주소의 기초 지식 IP주소는 컴퓨터나 스마트폰등 네트워크 상의 기계를 식별하기 위해 할당되며, 인터넷 상에서의 주소와 같은 역할을 담당한다. 그러면 IP주소가 어더한 숫자로 구성되어 있는지, 그 규칙에 대해 살펴보자. 네트워크 부분와 호스트 부분 IP주소는 숫자의 나열이다. 현재 보급되어있는 IPv4라는 버전에서는 32비트의 2진수이지만, 그대로 사용하기는 힘들기 때문에 8비트마다 "."으로 구분하여 10진수로 표기한다. 각각의 값은 ..

컴퓨터 네트워크 관련 포스팅을 보다보면 "노드(node, ノード)"라는 용어가 사용되는 경우가 있다. "노드(node, ノード))"는 간단히 말하자면 컴퓨터 네트워크를 구성하는 기기 1개, 1개를 의미하지만, 이 포스팅에서 "노드(node, ノード))"가 가리키는 의미에 관해 조금 더 자세히 살펴보도록 하겠다. 노드(node)란? 단어의 사전적 의미 노드란 매듭, 절, 집합점, 중심점이라는 사전적 의미를 가지고 있으므로 여러 분야에서 넓게 이용되는 단어이다. 예를 들어 식물의 경우 줄기와 잎을 연결하는 곳을 노드라고 부르기도 한다. 컴퓨터 네트워크의 노드 컴퓨터 네트워크에 있어서 노드도 네트워크에 연결되어 있는 1개 1개의 기계를 의미한다. 구체적으로는 컴퓨터부터 시작해 네트워크를 교통 정리하는 루터나 ..

TCP/IP란 TCP/IP란 레이어 3의 IP와 레이어 4의 TCP/UDP를 합쳐 통신을 하는 프로토콜으로, 현재 인터넷 통신의 일반적인 통신 모델이다. 더욱이 상위 레이어(http, dns, ftp, ntp등)의 프로토콜은 이러한 TCP/IP통신으로 캡슐화되어 상대처에 정보가 보내진다. 또한, 하위 레이어(물리 케이블/Ethernet등)은 전송 미디어에 따라 다르지만, TCP/IP통신을 캡슐화한다. TCP/UDP란 TCP와 UDP는 함께 클라이언트와 서버 간의 통신 채널의 제공, 통신을 관리하며, 레이어4의 프로토콜이다. 통신 채널이란 말하자면 "포트"라는 것으로 1번부터 65535번까지의 번호가 사용된다. 동일한 IP 주소라도 TCP나 UDP의 포트가 다르면 제공되는 서비스가 달라진다. 참고로 포트 ..