분류 전체보기 75

[week01] 찬찬히 나를 돌아보는 시간

🐾 지나온 과거에 대한 성찰나의 과거를 한 문장으로 정리해 보면 "생각은 많으나 실행력이 그에 미치지 못함"으로 요약할 수 있을 것이다. 책이나 여러 매체를 통해 지식을 습득하고, 누군가의 조언을 듣고, 내 생각을 정리해 보는 시간은 많이 가졌다. 책을 많이 읽었지만 내 삶이 드라마틱하게 바뀌지는 않았고 그 이유는 너무나도 명확했다. 실행에 옮기지 않았기 때문이다. 내가 직접 경험해 보지 않은 간접경험들은 분명 나의 사고의 깊이를 더하는데 큰 도움이 되었겠지만 결국 내 인생은 바뀌지 않았다. 어느 순간 나는 행동하지 않으면서 남들을 평가만 하는 '비평가'의 포지션으로 가고 있다고 느껴졌다. 내가 실제로 행동하지 않고 지식만 습득하니까 내가 쌓아왔던 지식들이 남들을 더 잘 평가하는데 사용되어갔다. 내가 ..

[week00] - "최악의 음식 조합 리스트" 기획안

필수요소 로그인 기능 jinja2 템플릿 엔진을 이용한 서버사이드 렌더링 기획의도 처음에는 최상의 음식 조합을 시도하려 하였으나 사람마다 다른 입맛을 갖고있기 때문에 순위를 매기는 것에 의미가 크지 않다고 생각했습니다. 반대로 최악의 조합을 해본다면 사람이 혐오하는 것은 대체로 비슷하기 때문에 좀 더 의미있게 순위를 매길 수 있다고 생각했습니다. 최상보다는 최악의 조합이 더 재미있고, 사용자의 창의력을 더 자극할 수 있을 것 같아서 최악의 음식 조합을 주제로 채택하게 되었습니다. 와이어프레임 login 페이지 기본적인 로그인 화면이 있고 회원일경우 시작하기를 누르면 main 페이지로 이동 계정이 없다면 버튼을 눌러 페이지 확장하여 회원가입 회원가입하면 자동로그인후 main 페이지로 이동 패스워드 재확인 ..

[JS] reduce() 사용법

JavaScript로 백준 문제풀이를 하는데 다른 사람들은 reduce()를 사용해서 배열을 처리했다. 그런데 코드를 봐도 무슨 말인지 이해할 수 없었다. reduce 함수를 좀 더 잘 이해하고 사용하기 위해서 정리해보기로 했다. 찾아보다 보니까 reduce 함수는 덧셈을 할 때만 사용하는 함수인 줄 알았는데 생각보다 다양한 활용이 가능하다. reduce 간단 설명 reduce는 기본적으로 배열을 하나의 값으로 감소시키는 역할을 한다. reduce 로 map,filter 등의 다양한 메서드를 구현 가능하다. reduce 메서드의 기본적인 사용법은 다음과 같다. acc - 누적 값 cur - 현재 값 idx - 현재 요소의 인덱스 >> 초기값을 제공하면 0부터, 아니면 1부터 시작한다. src - redu..

JavaScript 2021.08.28

[JS] All about Function

function sub-program이라고도 불리며, 같은 기능을 여러번 재사용하기 위해 태어났다. JavaScript에서 함수는 다음과 같은 기본형을 가진다. function add(a,b){ //a,b 매개변수(parameter) return a+b } add(2,5); //2,5 인수(argument) 함수 이름 - 한 가지 함수는 한 가지 일을 하도록 만드는 것이 좋다. - 함수의 이름은 함수가 어떤 일을 하는지 나타내는 동사나 명령어 형태로 짓는다. first-class function(일급 함수) JS에서 function은 first-class function(일급 함수)으로 - 변수에 값으로 함수를 할당할 수 있고(값으로서의 함수) - 매개변수(parameter)로서 함수를 전달할 수 있고 ..

JavaScript 2021.07.31

[JS] forEach()와 map() 차이점

어렴풋이 forEach와 map 모두 배열의 원소들을 입맛대로 조종하는 함수라는 것을 기억하고 있었다. 그러나 백준에서 문제를 푸는데 map()을 사용하면 맞고, forEach()를 사용하면 틀리는 문제가 나왔다. 이참에 두 함수의 차이점을 알아보기로 했다. 함수형 프로그래밍 일단 두 함수 모두 함수형 프로그래밍을 위한 메서드이다. 함수형 프로그래밍은 순수 함수와 보조 함수의 조합을 통해 로직 내에 존재하는 조건문과 반복문을 제거하여 복잡성을 해결하고 변수의 사용을 억제하여 상태 변경을 피하려는 프로그래밍 패러다임이다. Array.prototype.forEach forEach 메서드는 for문을 대체할 수 있는 함수다. forEach 메서드는 자신의 내부에서 반복문을 실행한다. 즉, forEach 메서드..

JavaScript 2021.07.27

[JS] JavaScript Operator

Increment operators preIncrement let counter = 2; const preIncrement = ++counter; // counter = counter + 1 // preIncrement = counter console.log(preIncrement) //3 PostIncrement let counter = 2; const postIncrement = counter++; // postIncrement = counter // counter = counter + 1 console.log(postIncrement) //2 Logical operators or 연산자 || and 연산자 && not 연산자 ! || 연산자의 경우 true가 하나라도 나오면 그 다음 연산을 수행하지..

JavaScript 2021.07.24

[JS] 'use strict' 사용 이유와 변수선언 const, let, var

use strict 자바스크립트는 매우 유연한 언어로 개발자가 코드상 오류를 범해도 브라우저에서는 오류로 표시하지 않고 넘어가는 경우가 많다. 이러한 유연성은 개발자가 오류를 정확히 인지하지 못하는 위험으로 다가오기 때문에 항상 'use strict'모드를 JavaScript 파일 맨 윗줄에 사용하여 안전한 코드 작성을 하도록 하자. 예를 들어 자바스크립트에서는 선언되지 않은 변수에 값을 할당해도 브라우저상에서 문제가 발생하지 않는다. 그러나 use strict 모드를 사용하면 브라우저에 error를 띄워서 잘못된 점을 찾아준다.(내 잘못을 컴퓨터가 찾아줄 수 있다.) let vs var let과 var은 둘다 변수를 선언하기 위해 사용된다. block-level scope 기본적으로 javascript..

JavaScript 2021.07.22