아싸지만 1일1글 하고싶어

목차 음.. 짧긴한데 모르면 쭉 안쓰는 함수라서 정리해둬야겠다고 생각했다. Array.filter const words = ['apple', 'banana', 'cocoa', 'dewberry', 'eggplant', 'fig']; const result = words.filter(word => word.length > 6); console.log(result); array의 filter함수는 해당 배열에서 조건에 맞는 요소만으로 재구성해주는 함수이다. 해당조건은 6글자 보다 큰 요소를 조건으로 걸었고, 결과로서 두개의 요소를 배열로 다시 저장하였다. 끝

목차 드디어 마지막 Redux Toolkit이다아아 Redux Toolkit Redux Toolkit은 Redux를 좀 더 간편하게 만들 수 있는 도구이다. 으음.. react로 비유하자면 hook 같은 느낌! life Cycle을 이해하고 쓴다면 코드를 엄청 줄일 수 있는 강력한 도구! 설치 일단 터미널을 통하여 npx create-react-app my-app --template redux 터미널에 해당 명령어를 입력하여 redux를 포함한 react 프로젝트를 생성한다. npm install @reduxjs/toolkit 이번에는 toolkit두 설치해주자! 코드 이번 코드는 바로 전 Redux-react에서의 코드를 toolkit으로 얼마나 효율적으로 바꿀 수 있는지가 핵심임으로 저번 코드에서 가..

목차 당신에게 Redux는 필요 없을지도 모릅니다. 이 글은 Dan Abramov의 You Might Not Need Redux를 번역한 글입니다. medium.com Redux 공식 홈페이지에 올라와 있는 글 중 하나이다. 구글링을 하면서 리덕스에 관한 로드맵을 봐서 어렵게 생각하고 있었는데, 그냥 공식 홈페이지 글과 같이 가볍게 접근하는 게 좋을 것 같다. Redux by react 오늘은 react로 redux를 사용해보자, redux toolkit를 쓰면 간편한 코드로 사용할 수 있지만, 구성 이해를 위해서 toolkit을 안 쓴 쌩코드로 redux를 공부 한 다음 toolkit을 포스팅할 거다. 설치 npm install --save react-redux 터미널에 해당 명령어를 입력하여 reac..

목차 아.. 오늘 Redux react 쓸려했는데... 일이 생겨 피곤해서 쉬는 포스팅! Switch case 변수 지정 이게 무슨 말이냐면 정석적으로, switch를 쓸 때 이렇게 쓰는데 let text = "apple"; switch(text){ case "apple": console.log("apple"); break; case "banana": console.log("banana"); break; case "cocoa": console.log("cocoa"); break; default: break; } 이렇게 하면 text에 값을 입력할 때, case에 값을 입력할 때 오타가 나서 디버깅에 오랜 시간을 허비할 수 있다. const apple = "apple"; const banana = "ban..

html에서 vanillja Js를 script할때 import, require를 못쓰는 경우가 있는데, 이를 해결하기위해 찾으면서 require.js 모듈을 찾게되었다. How to get started with RequireJS Go to the download page and get the file. Note: For jQuery-specific advice, see the jQuery integration page This setup assumes you keep all your JavaScript files in a "scripts" directory in your project. For example, if you have a project that has a projec requirejs.o..

목차 구성이 react의 reducer랑 비슷하다 어차피 react에서 redux 쓸려면 hook도 다루고 있을 테니 reducer를 배우고 redux를 배우면 좀 익숙할 거다 useReducer 목차 어우.. 긴장이 풀려서 그런가 오늘은 진짜 몸도 사고도 안 따라줘서 잠시 useReducer 이해를 미래의 나에게 맡겼었다. 그리고 그 미래의 나가 지금의 나다 후.. 그래도 컨디션 좀 회복하니깐 이 sirong.tistory.com Redux란 쉽게 말해서 파일을 구분 짓지 않는 데이터 저장소를 만들고, 관리하는 기술이다. 기존의 프로그램 구성이 MVC 방식인데, 자료화면은 코드의 덩치가 커질수록, 데이터를 주고받는 구조가 복잡해진다는 것이다. 예로 들어, 다음 메인 페이지를 활용할 때, 메일이 왔는지,..

목차 허헣... 오늘따라 쓸게 넘치는구만... 왜 포스트 아이템은 평균적으로 생기지 않고 한 번에 몰아서 오는 걸까 Cannot use import statement outside a module 어.. 직역하자면 모듈(코드 덩어리) 외부에서 import를 사용할 수 없습니다. 라는 건데...? 왜..? 평소엔 잘하잖어... 어쨌든 해결법은 구글링으로 해결했으니깐... 해결방법 작업 폴더 내에 package.json이 있는지 확인한다 package.json 생성 패키지 타입을 변경하기 위해 package.json을 생성해야 한다. npm init -y 를 터미널에 입력하여 package.json을 생성해주자. npm init -y // 패키지 매니저 명령어 // 정의 // 모든 설정에 yes처리 { "n..

목차 흐음... 일단 매개변수 초기화를 함으로써 어떤 장점이 있는지는 아직 잘 모르겠지만 알아둬서 나쁠 건 없다고 생각한다. 생각해보니 그렇다면 이건 도토리에 들어갈 내용이구만 Initialize function F_initialize( state = 6){ return state; } console.log(F_initialize()); console.log(F_initialize(4)); 매개변수에 값이 들어오지 않았을 때 설정해둔 값으로 지정된다. 전역 선언으로 초기화한다던가 일단 정의해놓고, 대입시키는 방법이 있을 텐데 이 방법이 전역 선언에 비해 메모리가 효율적이고 지역 내 정의하여 선언하는 것보다는 코드가 간결하니 생각해보면 이런 방식이 더 낫기는 하다. 아 쓰면서 장점을 생각해버렸고망... 고..