이상과현실

First class citizen : 1급 시민(=1급 객체)이 되기 위한 조건 - 값 예시) 1, 함수 자바스크립트에서 함수는 값이 될 수 있다 함수가 다른 함수의 리턴 값이 될 수 있다면 그 언어는 함수를 1급 시민으로 대우하는 것 모던 자바스크립트 딥 다이브에 따르면, 값(value) : 식(표현식)이 평가 되어 생성된 결과 리터럴(literal) : 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 표현식(expression) : 값으로 평가될 수 있는 문 문(statement) : 프로그램을 구성하는 기본 단위이자 최소 실행 단위 토큰(token) : 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소 로 정리할 수 있다. 함수가 값이 될 수..

함수의 유효범위가 달라지는 스코프 동적 스코프 : 함수가 호출된 위치에 따라 정의됨 정적 스코프 (=렉시컬 스코프) : 함수가 정의된 위치에 따라 정의됨 자바스크립트는 정적 스코프를 채택함 클로저(폐쇄하다,동봉하다) : 함수를 함수 안에 정의하면 그 함수의 부모 함수의 스코프에 접근할 수 있다. 출처: https://youtu.be/bwwaSwf7vkE

closure 개념을 이해를 못했는데, 이렇게 개발자도구를 이용하여 function을 만들고 가시적으로 보니까 이해가 쉬웠다. mdn에 보면 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 클로저를 이해하려면 자바스크립트가 어떻게 변수의 유효범위를 지정하는지(Lexical scoping)를 먼저 이해해야 한다. 라고 하는데, 말이 너무 어려워 이해가 잘 안된다. 간단하게, call stack : 현재 실행되고 있는 함수 표시 (Execute context가 쌓이는 곳) 비유하자면 call stack은 폴더, scope은 파일 anonymous : 함수 바깥(전역공간)에서 실행되고 있는 것 (global execute context) fn, fn2 : function execute context s..

1. for문 사용 방법 function solution(arr) { let answer, min = Number.MAX_SAFE_INTEGER; for (let i = 0; i < arr.length; i++) { if (arr[i] < min) min = arr[i]; } answer = min; return answer } let arr = [5, 7, 1, 3, 2, 9, 10]; console.log(solution(arr)) 1-1) min = Number.MAX_SAFE_INTEGER 로 하면 min에 안정적인 가장 큰 값이 설정됩니다. 1-2) min=arr[0] 으로 하고 for문에서 let i= 1; 로 설정하는 방법도 있습니다. 2. Array.prototype.reduce와 Math..

https://nykim.work/85 html { font-size: 62.5%; } .image { width: 12rem; } //120px .item { font-size: 1.6rem; } //16px .copyright { margin-top: 5rem; } //50px @media all and (max-width: 750px) { html { font-size: 50%; } // 이제 문서 내 모든 rem 단위가 영향을 받습니다. } root에 font size를 기본값 대신 62.5%로 설정하면 폰트사이즈 rem으로 설정했을 때 10만 곱하면 되는 인지하기 더 쉬운 숫자로 작업가능 @media query를 이용하여 브라우저 사이즈에 따라 html 퍼센트 수정

1.MYSQL 실행문제 해결 https://zel0rd.tistory.com/141 mysql 실행 안될 때 해결하기(mysql workbench) mysql을 설치하고 잘 사용하다가... 프로세서에서 mysql을 지워버렸다. 당연히 재부팅을 하면 다시 실행될 줄 알았는데... 실행되지 않았다. mysql workbench에 접속해보니 다음과 같은 에러가 나왔다. Co zel0rd.tistory.com 위 링크의 글처럼 나도 똑같은 문제가 있었는데 덕분에 잘 해결할 수 있었다. 다음에 안까먹기 위해서 이분을 본받아 기록해야겠다. 나도 MYSQL이 죽어있어서 시작을 눌렀더니 다시 됐다. 2. 테이블 칼럼 조회(초간단) 그리고 MYSQL에서 원하는 스키마의 데이터 행열을 보고싶을 때 사용하는 명령어를 찾았다..

자바스크립트에서 함수는 값이기도 하다 그렇기 때문에 배열과 객체에 담을수있다. 값으로써 함수를 배열 대신 객체에 많이 담음 객체에는 이름을 줄 수있기 때문. 함수는 값이다. 객체는 값을 저장하는 그릇이다. 객체는 위의 특성을 이용해서 서로 연관된 데이터와 처리방법을 담고 있는 함수들을 그루핑하는 방법을 통해 코드의 복잡도를 획기적으로 낮추는 수납상자이다. 객체에 들어있는 함수가 자기가 속해있는 객체를 가리킬때 this라고 한다. 출처: 생활코딩 Node.js 강의 youtu.be/7BJqT-Z0IwQ

string.split( separator, limit ) 문자열 데이터를 반복적으로 하나씩 꺼내 이용할 수 있는 배열로 만들기 위해 이용 separator에 분할기준을 넣음 ',' text.split(','); developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split String.prototype.split() - JavaScript | MDN The split() method divides a String into an ordered list of substrings, puts these substrings into an array, and returns the array. The division is d..