전체 글127 [TIL]2022.11.14 Immutability 불변성 JavaScript 불변성 Immutability (unchangable) // 함수 내부에서 외부로부터 주어진 인자의 값을 변경하는 것은 좋지 않다. 절대❌ // 상태 변경이 필요한 경우에는, 새로운 상태를(Object, Value) 만들어서 반환해야함. // 원시값 - 값에 의한 복사 // 객체값 - 참조에 의한 메모리주소의 복사 function display(num) { num=5; console.log(num); } const value = 4; display(value); console.log(value); // function displayObj(obj) { // obj.name = 'Bob'; // // ❌❌❌❌❌외부로부터 주어진 인자(object)를 내부에서 절대 변경하면 안됨. // console.log(o.. 새로운 경험 2022. 11. 14. [WIL]2022.11.06~11.13 1. 내가 일을 한다면 어떤 집단에서 어떤 일을 해야할지 고민해 보았다. 의미 있는 곳에서 의미 있는 사람들과 의미 있는 일을 하고싶다는 목표를 세웠다. 정신적 성장 / 육체적 성장 / 관계의 성장 / 새로운 경험 / 새로운 배움 나의 목표 성취를 위한 다섯가지 기록은 매일매일 TIL에 녹여냄은 당연하고 WIL작성시에 일주일마다 각각의 게시판에 기록할 예정이다. 구체적인 기준을 정한 것이다. 2. 시간을 효율적으로 쓰는 것에 대해 진지하게 점검하고 계획을 세울 필요가 있음을 느꼈다. 마냥 12시간 16시간 앉아만 있으면서 시간을 뭉개는 것이 아니라, 단기적인 목표 성취를 위해서라도 집중과 몰입 그리고 효율이 반드시 필요하다는 것이 결론이다. 12시간 앉아만 있는 것에 공부를 했고 생산적인 시간을 보냈다는.. 새로운 경험 2022. 11. 14. [TIL]2022-11-13 콜백함수(프로그래밍의꽃🌺) JavaScript 먼저 알아야 할 정의 일급객체 First - Class Object 일급객체란 ? 일반 객체처럼 모든 연산이 가능한 것 -함수의 매개 변수로 전달 가능 -함수의 반환값으로 활용 가능 -할당 명령문으로 사용 가능 -동일 비교도 가능 일급함수 First - Class Function 일급함수란 ? 함수가 일반 객체처럼 모든 연산이 가능한 것 -함수의 매개 변수로 전달 가능 -함수의 반환값으로 활용 가능 -할당 명령문으로 사용 가능 -동일 비교도 가능 고차함수 Higher - order Function 고차함수란 ? 인자(Parameter)로 함수를 받거나 (콜백함수) 함수를 반환하는 함수를 고차함수라 한다. // 콜백함수 const add = (a, b) => a + b; const multiply = (a.. 새로운 경험 2022. 11. 14. [TIL]2022-11-13 Expression 함수의 표현식. 선언문과 표현식의 차이? 함수의 표현식 Expression ※표현식이란? Statement(문) 중에서도 값으로 평가될 수 있는 것. ▶함수는 선언 방식에 따라 선언문으로 작성할수도 있고, 함수 선언문 function name( ) { } ▶변수에 바로 값을 할당할 수 있는 함수표현식을 작성할수도 있다. 함수 표현식 const name = function ( ) { } ▶표현식에는 function이라는 키워드를 생략 할 수 있는 더 간결한 화살표함수도 사용할 수 있다. 화살표 함수 const name = ( ) => { } (function run() { console.log('🎅'); })(); ▲함수를 정의 하면서 바로 호출하고 싶을때 소괄호로 전체적으로 묶어줌. ㄴIIFE // Immediately - Invoked Fun.. 새로운 경험 2022. 11. 13. 프레임워크? 라이브러리? Q. 제이쿼리? 플라스크? 프레임워크? 라이브러리? 그게 뭔데? 더보기 A. 자바스크립트의 라이브러리란? 자바스크립트의 복잡하고 장황한 코딩을 간결하고 가볍게 만들어주는 역할을 한다 [라이브러리] Library는 특정 기능에 대한 도구 or 함수들을 모은 집합 프로그래머가 개발하는데 필요한 것들을 모아둔 것이다. 개발을 하며 필요 시 라이브러리를 호출 (개발자 중심) 종류: jQuery [프레임워크] 개발 시 필수적인 코드, 알고리즘, 데이터베이스 연동 등과 같은 기능들을 위해 어느정도 뼈대(구조)를 제공해주는 것. 틀 위에 프로그래머가 코드를 작성함. 틀을 제공해 주기 때문에, 객체 지향 개발을 하면서 일관성 부족 등의 문제를 해결. 프레임워크를 사용하여 개발을 한다는 것을 '프레임워크 중심'이라고 표.. 새로운 경험 2022. 11. 13. [TIL]2022-11-13 Parameters 함수의 인자(feat. return? 뭘 어디다 돌려줘?) JavaScript 인자 (아줌마이름아님ㅎ) Parameters // 함수는 객체이기 때문에 함수라는 객체 안에 유용한 Property가 들어있는데 이것이 'Arguments' // 매개변수의 기본값은 무조건 undifined ! // 매개변수의 정보는 함수 내부에서 접근이 가능한 arguments 객체이 저장됨 // 매개변수의 기본값 Default Parameters. a = 1, b = 1 처럼 설정 가능. // function add(a = 1, b = 1) {}처럼. // 외부에서 parameters를 준 경우에는 기본값이 무시됨. 호출을 했던 곳에다가 돌려준다는 의미로 Return을 이해함. return이 되돌려 준다는 의미인데, 도대체 뭘 어디다 되돌려 주는 것인지, 리턴 뒤에 나오는 수식은 함수가 해야할 일을 .. 새로운 경험 2022. 11. 13. [TIL]2022-11-13 Return 반환 JavaScript Return 반환하다.... 어휘의 뜻 때문에 Return문의 역할이 헷갈림. 익숙해지면 설명 할 수 있지 않을까... // return을 명시적으로 하지 않으면 자동으로 undefined이 반환됨! function add(a, b) { // return a + b; } const result = add(1, 2); console.log(result); // return을 함수 중간에 하게 되면 함수가 종료됨 // 사용예 : 조건이 맞지 않는 경우 함수 도입부분에서 함수를 즉시 종료함! function print(num) { if (num < 0) {// 전달 받은 인자의 조건이 원하는 것이 아닐때 함수 즉시 종료. return; // return;은 return undefined와 같음. } conso.. 새로운 경험 2022. 11. 13. [TIL]2022-11-12 Function&Memory 함수와 메모리 JavaScript 보호되어 있는 글 입니다. 2022. 11. 12. [TIL]2022-11-12 함수의 기본적인 사용 예제 JavaScript 함수의 사용 예제. // 사용예제 1 function sum(a, b) { console.log('function'); return a + b; // 변수를 바로 반환하기 때문에 변수 할당 안함. // const result = num1 + num2; // return result; // 밑에서 result를 출력하거나 계속 사용해야 한다면 변수 할당 필요. } const result = sum(1, 2); console.log(result); // 사용예제 2 // let lastName = '김'; // let firstName = '지수'; // let fullName = `${firstName} ${lastName}`; // console.log(fullName); // let lastName2 .. 새로운 경험 2022. 11. 12. Q . 백틱``을 사용해야 되는 이유가 뭐야? Q.백틱을 사용해야하는 이유와 사용 방법이 궁금하다. A. 더보기 기본적으로 문자로 구성된 문장이라는 표시를 할떄 (숫자등과 구분하기 위해) " " 쌍따옴표 혹은 ' ' 홑따옴표를 사용하는데요. " " 이 안에 변수의 값을 넣을 수 없을까? 라는 이유로 문자열 표현식이라는 것이 최근엔 백틱을 사용한 문자열 표현식으로 발전한 것입니다. let apple_count = 2; let apple_from = "시골 공기좋은 곳"; 기존에는 이걸 문자열에 둘다 포함하려면 "사과를" + apple_from + "에서 " + apple_count + "만큼 샀습니다. " 위 처럼 적었어야 했습니다. 이것을 이제 console.log(`사과를 ${apple_from}에서 ${apple_count}만큼 샀습니다.`); .. 새로운 경험 2022. 11. 12. [TIL]2022-11-12 Function 함수 JavaScript 함수 Function // 특정한 일을 수행하는 코드의 집합 // 함수 단위로 작은 단위의 일들을 묶어야함 // 수행하는 일을 함축적으로 잘 표현하는 '함수의 이름'을 지어야함. // 전달받는 데이터 '매개변수'의 이름도 의미 있게 짓는 것이 정말 중요함. MDN 함수: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/function ! 중요 ! 이 부분은 콜백함수를 공부할 때 정말 중요한 개념이기 때문에 잘 기억해두자. 프로그램, 어플리케이션이 특정한 일을 수행한다. 어플리케이션 내에서 각각의 작은 일들을 수행하는 것이 '함수'. 함수를 잘 작성하는 것이 좋은 프로그래밍의 시작. 어플리케이션의 주된 일들 입력받아서 ->.. 새로운 경험 2022. 11. 12. [TIL]2022-11-12 // Logical Operator 논리연산자 JavaScript 논리연산자 Logical Operator 제어문과 함께 유용하게 쓰이는 논리연산자. // && 그리고~ 그리고 ~ 그리고 ~이면 ~이고 // || 또는 ~이거거나 저거거나 ~ // ! 부정(단항 연산자에서 온 것) // !! 특정한 값을 불리언 값으로 변환 (단항연산자-부정연산자 응용버전) console.log(true && true); console.log(true && false); console.log(false && true); console.log(false && false); console.log(true || true); console.log(true || false); console.log(false || true); console.log(false || false); ▲ 어떤 결과값이 나.. 새로운 경험 2022. 11. 12. 이전 1 ··· 5 6 7 8 9 10 11 다음 💲 추천 글