개발 창고

[개발자의 글쓰기] 글의 종류별로 목차 잡는 법

서론 "개발자를 위한 글쓰기" 책을 읽는 중 책의 [글의 종류별로 목차 잡는 법]에 대한 내용이 개발자가 글을 쓸 때 도움이 될 것 같은 내용이어서 요약하여 글로 남겨놓으려 한다. 글의 종류별로 목차 잡는 법, 저술편집 직접 경험한 개발기 작성하기, 저 '저'는 직접 경험한 것을 쓴 것으로, 개발 과정과 결과를 쓴 개발기가 여기에 해당한다. 저에 해당하는 글쓰기 예시는 다음과 같다. TenserFlow를 활용한 네이버 쇼핑의 상품 카테고리 자동 분류 TailwindCSS 적용기 브라우저 렌더링 속도의 개선 과정 개발기를 쓸 때는 목차를 잘 구성해야 한다. 개발을 하는 과정에서 최종적으로 성공한 루트와 중간에 실패한 루트를 구별하는것이 중요하다. 성공한 루트를 기준으로 목차를 잡고, 실패한 루트는 최종루트..

[모두의 네트워크] 1장. 네트워크의 첫 걸음

네트워크의 구조 컴퓨터 네트워크란 무엇일까? '네트워크' 라는 단어에 포함된 의미는 단순히 컴퓨터 간의 연결만을 말하는 것이 아니라, 사람과 사람간의 네트워크, 물류 네트워크와 같이 다양한 종류의 네트워크가 존재한다. 컴퓨터 간의 네트워크를 연결한 것을 컴퓨터 네트워크라 한다. 컴퓨터 네트워크를 통해 컴퓨터 간 필요한 데이터, 즉 정보를 서로 주고받을 수 있다. 인터넷: 네트워크의 한 종류로, 전 세계의 큰 네트워크부터 작은 네트워크까지를 연결하는 거대한 네트워크를 말한다. 이러한 광범위한 연결을 통해 인터넷으로 해외 웹 사이트도 볼 수 있다. 패킷 패킷은 컴퓨터 간 데이터를 주고 받을 때 네트워크를 통해 전송되는 데이터의 작은 조각을 말한다. 큰 데이터를 네트워크로 그대로 보내게 되면 데이터가 네트워크..

[모던 자바스크립트 Deep Dive] 04. 변수

4.1 변수란 무엇이고, 왜 필요한가? 자바스크립트 엔진이 10+20 이라는 식의 의미를 해석하면 + 연산을 수행하기 위해서 10과 20이라는 숫자 값(피연산자)을 기억한다. 컴퓨터는 연산(CPU)과 기억(Memory)을 수행하는 부품이 나누어져 있기 때문에 피연산자 값은 메모리주소에 저장되고, CPU는 이 값을 읽어 들여 연산을 수행한다. 연산 결과로 생성된 숫자 값 30도 메모리 주소에 저장되는데 이 값을 재사용하려면 주소를 통해 메모리 공간에 직접 접근해야하지만, 이는 치명적 오류를 야기하는 매우 위험한 방법이기에 자바스크립트는 개발자의 직접적인 메모리 제어를 허용하지 않는다. 따라서 30이라는 값은 재사용이 불가능하다. 만약 직접적인 메모리 제어를 허용하더라도 코드가 실행될 때마다 값이 저장될 메..

자바스크립트로 하는 자료구조와 알고리즘 - 10장. 검색과 정렬

10장. 검색과 정렬 검색 (search) - 검색은 자료 구조 내에 특정 항목을 찾는 일을 말하며, 배열이 정렬됐는지 여부에따라 두 가지 주요 기법이 있다. 선형 검색 배열의 각 항목을 한 인덱스씩 순차적으로 접근하면서 동작한다. 시간 복잡도 : O(n) 배열의 정렬 여부와는 관계없이 동작하기때문에 좋으므로 정렬되지 않은 배열을 검색하기 좋다. function linearSearch(arr, n) { for(var i = 0; i < arr.length; i++){ if (arr[i] == n) return true; } return false; } 이진 검색 (탐색) 중간 값을 확인해서 원하는 값보다 중간 값이 작은지 큰지를 확인하면서 동작한다. 시간 복잡도: O(logn) 이진 탐색은 빠르지만 배열..

자바스크립트로 하는 자료구조와 알고리즘 - 7장

7장. 자바스크립트 메모리 관리 메모리 누수 자바스크립트는 타언어와는 달리 프로그래머가 직접 메모리를 수동으로 할당하고 해제하지 않고 사용하지않는 변수, 즉 메모리를 삭제해주는 가비지 컬렉터가 있기 때문에 매니지드언어라고 부른다. 하지만 이러한 기능에도 메모리가 올바른 방식으로 해제되지 않아 메모리 누수가 발생할 수 있기 때문에 이를 피하기위한 여러 방법이 존재한다. 객체에 대한 참조 var foo = { bar1: memory(), // 5kb bar2: memory(), // 5kb } function clickEvent() { alert(foo.bar1[0]); } 객체에 대한 참조가 있다면 해당 참조는 메모리에 존재하는 것이다. foo객체가 bar1만을 참조하더라도 foo객체 전체를 clickEv..