programing
-
[JS] 객체에 관하여programing/Language 2020. 1. 1. 23:29
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 해당 포스트는 러닝 자바스크립트를 읽고 간단하게 정리한 포스트입니다. 배열과 객체 배열 배열은 객체의 하위집합입니다. 배열은 인덱스(0, 1, 2, ...)를 프로퍼티로 가지는 특별한 객체입니다. 배열의 요소는 순서를 가집니다. 객체 객체는 문자열이나 심볼로 된 프로퍼티를 가집니다. 객체의 프로퍼티는 키와 값으로 구성되어 있으며, 각 키는 값을 가집니다. 객체의 프로퍼티는 순서를 가지지 않으며, 보장하지 않습니다. ex) for in for in문에 키가 심볼인 프로퍼티는 포함되지 않습니다. const Car = function() { const carProps = new WeakMap(); class Car { construc..
-
[Functional] 고차 함수programing/Language 2019. 12. 29. 15:50
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 고차함수 함수를 인자로 받는다. 함수를 반환한다. 함수를 인자로 받는 함수 best function best(compare, collection) { return _.reduce(collection, function(x, y) { return compare(x, y) ? x : y; }); } best함수는 어떤 배열에서 최적의 값을 반환하는 함수입니다. 인자로는 최적의 값을 찾기 위한 compare함수와 대상 배열인 collection이 있습니다. iterateUntil function iterateUntil(func, check, init) { let ret = []; let result = func(init); while(..
-
[CSS] 포지션programing/Web 2019. 12. 27. 17:25
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) position position은 요소가 문서 내에서 어떻게 배치될 지 결정하는 속성입니다. 사용 가능한 값으로는 static, relative, absolute, fixed, sticky가 있습니다. 요소의 상대적인 위치를 결정하는 속성으로는 top, bottom, left, right가 있습니다. top과 bottom에 대해서, top이 우선 적용됩니다. left와 right에 대해서, 글을 읽는 방향(한국의 경우 left)이 우선 적용됩니다. 배치 유형 위치 지정 요소 : position의 계산된 값이 static이 아닌 요소 상대 위치 지정 요소 : position의 계산된 값이 relative인 요소 절대 위치 지정 요..
-
[CSS] 박스 모델, 박스 사이징programing/Web 2019. 12. 27. 15:37
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) box model 다음과 같은 구성요소를 가집니다. padding border margin content padding content와 border사이의 여백 border 박스의 테두리 margin 박스의 border의 바깥의 여백 margin collapsing 1 형제 요소 간 마진 겹침입니다. 1. 인접한 다른 block요소들의 margin은 서로 겹칩니다. 위 스샷을 보면, one의 margin 10px이 two의 margin 20px과 겹치는 것을 확인할 수 있습니다. 2. 인접한 다른 inline요소들의 margin은 겹치지 않습니다. display를 inline으로 바꾸니 서로의 margin이 겹치지 않는 것을 확인..
-
[Cache] 웹 브라우저의 캐시를 사용하지 않도록 하는 방법programing/Web 2019. 12. 21. 15:57
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 버그의 발견 부스트 캠프 팀 프로젝트의 막바지에 꽤나 이상한 버그를 발견했습니다. 바로, 브라우저의 뒤로가기 버튼을 누른 경우 접속 불가능한 페이지에 접속이 가능해지며, 로그인 했을 당시의 데이터가 존재하지 않아 페이지가 정상적으로 보이지 않는 버그였습니다. 사실 로그인이 되어 있지 않으면 접근 제어로 인해 다른 페이지로 리다이렉트가 되는게 정상이며, 해당 기능이 정상적으로 작동하지 않아 사용자는 의미도 없는 이상한 페이지를 보게 되는 것이죠. Network를 확인 음..? Auth의 응답 코드가 200이네요? 뭔가 이상합니다. JWT이 담긴 쿠키가 살아있는 걸까요? Auth함수를 확인 우선 저는 서버측의 권한 인증 및 접근 제..
-
-
[BJ] 2616 - 소형기관차programing/Algorithm 2019. 11. 30. 18:54
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 이번 포스트에서는 백준 Q2616 - 소형기관차에 대해 포스팅하겠습니다. 접근 방법 최대한 많은 승객을 싣게 했을 때, 그 승객의 수를 출력하는 문제입니다. 욕심덩어리 기관차네요. 이렇게 특정 조건을 만족하면서 최대 혹은 최소와 관련된 문제가 나온다면 탐욕(greedy) 알고리즘인 경우가 많으며, 또한 탐욕 알고리즘과 같이 딸려오는 개념이 동적 프로그래밍(dynamic programming)이죠. 물론 해당 문제의 분류는 DP입니다. 저는 이 문제를 보고 0-1 knapsack 문제와 매우 유사하다고 생각했습니다. 어찌됬건 각 객차를 선택하거나 선택하지 않거나로 나눌 수 있기 때문이죠. (기타 자잘한 부분은 각종 제약조건으로 검..