공부/프론트엔드 3

커링과 부분 적용 함수

커링과 부분 적용 함수는 함수형 프로그래밍에서 사용하는 함수 조합 기법입니다. 이번 글에서는 이 두 가지 방법의 차이점과 사용 예시를 알아보겠습니다. 커링과 부분 적용 함수는 함수를 호출할 때 인자를 하나씩 적용해 나가는 방식으로 사용합니다. 이때, 커링과 부분 적용 함수는 모두 함수를 반환하는 고차 함수(higher-order function)입니다. 커링(Currying) 커링은 인자를 여러 개 받는 함수를 인자를 하나씩 받는 함수들의 중첩함수로 바꾸는 것입니다. 이를 통해 함수를 다양하게 조합하여 사용할 수 있습니다. function multiply(a, b) { return a * b; } const double = multiply.bind(null, 2); console.log(double(5)..

[VSCODE] Powershell UnauthorizedAccess 오류 해결 방법

VS Code를 사용하던 중 yarn 명령어를 입력했을 때 다음과 같은 오류가 발생했다. 문제의 원인을 찾아본 결과, Powershell의 Execution Policy의 기본 설정값 때문에 문제 발생했다. 해결방법은 powershell을 관리자 권한으로 실행하여 Execution Policy를 바꾸어주면 된다. 관리자 모드로 powershell 이 실행된 것을 확인한다. Execution Policy 수정 명령어를 입력한다. Get-ExecutionPolicy Set-ExecutionPolicy RemoteSigned # A 를 입력하여 모두 예 선택 Get-ExecutionPolicy 다시 vscode로 돌아와서 새로 터미널창을 실행한다. Execute Policy를 조회하는 명령어를 입력하여 잘 반..

[CSS] Flexbox CSS Layout의 이해를 위한 게임

CSS의 레이아웃을 만들기 위해서는 FlexBox에 대한 이해가 필요합니다. 하지만 처음 공부를 시작하시는분들에게는 다 비슷비슷한 느낌이 들어서 헷갈리는 경우가 많습니다. 저 또한 헷갈리는 경우가 많아서 힘들었는데요 우연히 FlexBox에 관한 자료들을 검색하던 중 게임을 통해 쉽게 이해할 수 있는 사이트를 발견해서 공유합니다. https://flexboxfroggy.com/#ko 개구리들을 잎위에 앉게 하기위해 CSS의 FlexBox 설정을 바꿔가며 진행되는 게임입니다. 단계는 1단계부터 24단계까지 있습니다. justify-content, align-items, flex-direction 등 다양한 옵션을 이용해서 개구리들을 움직여가며 CSS 레이아웃을 배울 수 있어서 좋습니다.

반응형