Frontend 개발자 - hyo.loui

❤️‍🔥TIL : Today I Learned 순수 함수 순수 함수를 설명하고, 불변성과 사이드 이펙트를 부가적으로 설명합니다. 순수 함수란? 자바스크립트에서 순수함수(Pure Function)는 입력값에 대해 항상 동일한 결과값을 반환하고, 함수 내부에서 외부에 영향을 주는 부작용(Side Effect)이 없는 함수를 말합니다. 즉, 함수의 실행에 어떤 외부 환경도 영향을 주지 않으며, 실행 결과도 항상 일정합니다. + 순수함수의 특징은 불변성(Immutability)과 사이드 이펙트 부재(Side Effect-Free)가 있습니다. 불변성 (immutability) - 순수함수는 입력이나 함수 내부의 상태를 변경하지 않습니다. 함수가 실행되는 동안에는 함수 내부의 값들이 변하지 않고, 입력으로 받은 ..

❤️‍🔥TIL : Today I Learned parameter와 argument의 차이 Parameter : 매개변수, Argument : 인자, 둘 다 변수의 한 종류이다. Parameter (매개 변수)란? - 함수 선언의 일부로 나열되는 변수이며, 호출될 때 함수에 전달 될 것으로 예상되는 값을 나타낸다. Argument (인수)란? - 호출될 때 함수에 전달되는 실제 값 이다. 예시 function plus(x, y)에서 x와 y는 매개변수 이다. plus(2, 3)으로 호출되면 2와 3은 함수에 전달되는 인수이다. - 함수가 선언될 때 괄호 안에 하나 이상의 매개변수를 포함 할 수 있다. -매개변수는 호출 시 함수에 전달되는 값에 대한 자리 표시자 역할을 한다 최종 정리 Prameter는 함..

❤️‍🔥TIL : Today I Learned 함수는 마치 재료를 투입받아 제품을 생산하는 기계와 같다. 함수 자바스크립트에서 가장 중요한 핵심 개념 [스코프, 실행 컨텍스트, 클로저, 생성자함수에 의한 객체 생성,메서드, this, 프로토타입, 모듈화] 등이 모두 함수와 깊은 관련이 있다. 함수란 함수는 일련의 과정을 문(statement)으로 구현하고, 코드블록으로 감싸서 하나의 실행단위 로 정의한 것 이다. 여기서 자주 햇갈리는 내용인 매개변수와 인수가 있다. 매개변수(parameter)는 함수를 선언(정의)할 때 사용하는 변수를 의미한다. 인수(argument)는 함수를 호출할때, 즉 입력될 때 넣는 값을 인수라고 한다. 함수 정의 함수를 정의는 다양한 방법이 있지만 함수 선언문을 사용하여 정의한..

🎯목적 : TS Generic (제네릭), 정리 및 복습 1. 제네릭 이란? 제네릭은 타입을 마치 함수의 파라미터처럼 사용 하는 것이다 말로만 하면 감이 잘 안오고 이해가 안된다. 하지만 파라미터의 생김새와 대조해서 머릿속에 떠올려야 이해가 잘 된다 // Generic function generic(any: T): T { return any; } generic(1); // 1 generic("1"); // "1" generic(true); // true function 함수명 여기 를 따라서 타입이 전달되고 파라미터와 함수타입 : T 에 전달된다! 2. 제네릭 활용 1. getIteArray 는 배열(파라미터)에서, index(파라미터)번째에 있는 것을 찾는 함수 2. pushItemArray 는 배열(..

🎯목적 : Type Script 함수 타입 정리 및 복습 1. JS와 비교 JS // js function add(n1, n2) { return n1 + n2; } TS function add(num1: number, num2: number): number { return num1 + num2; } console.log("👉👉 add", typeof add(3, 4)); //👉👉 add number 🧪나의 실험실 // 실험 const one1 = add(1, 2); const two = add(1, "2"); // Error const three = add(1, 2, 3); // Error const four = add(1); // Error // 파라미터에서 return되는 타입이 바뀌는건 불가능 fu..

❤️‍🔥TIL : Today I Learned 🤢 문제 내용 : 게시글 작성, 수정 중 유효성검사를 통과하지 못했을 때 (작성자, 비밀번호 미입력 등) 해당하는 input 박스를 auto focus 하는 기능 추가 과정중 document 가져오기 🔨 시도한 방법 1. useFocus라는 Custom hook 생성 후, dom요소 직접 조작 문제점 - React 에서 document를 직접 조작하는 것은 추후 원인이 불분명한 오류를 유발할 수 있다! 위 오류를 해결하면서 알게된 점은, custom hook 을 일반 컴포넌트와 같은 개념으로 props 를 넘겨줘야 된다고 생각해서 {props} 와 같은 방식으로 넘겨줬다.. 하지만 내가 사용하려고 하는 custom hook 은 jsx 문법을 반환하는 comp..

❤️‍🔥TIL : Today I Learned 함수 심화 매개변수 매개변수 기본값 (*args) (**kwargs) 함수의 매개변수 def cal(a, b): # a와 b의 매개변수가 함수 내부의 a와 b로 전달됩니다! return a+2*b result = cal(1, 2) # a 에는 1, b 에는 2 를 전달합니다! print(result) # 5 # 1+2*2 = 1+4 = 5 맞게 들어오네요 result = cal(b=2, a=1) : 매개변수 호출 시 매개변수명을 지정해서 대입한다면 순서는 무관합니다 함수 선언시 매개변수 기본값 지정 인수를 미리 지정해 놓으면 기본값이 됩니다 여기서 기본값은 매개변수로 입력받은 값이 없을 경우 기본적으로 입력될 값을 말합니다! def cal2(a, b=2): ..

❤️‍🔥TIL : Today I Learned 조건문 if 문 (if, elif, else) 조건을 만족했을 때만 특정 코드를 실행하도록 하는 문법입니다. # 조건문 라면 = 5000 if 라면 > 3800: print('국수를 사자') elif 라면 > 1900: print('라면을 사자') else : print('라면을 두개 살 수 있어 >.