지속가능한 개발 노트:)

생각보다 매우 유용한 reduce 사용법을 정리해보겠숩니다!! 💫 reduce reduce(callbackFn) reduce(callbackFn, initialValue) // callbackFn = 배열의 각 요소에 대해 실행할 함수 // initialValue = 초기값 기본 문법은 위와 같고, 구체적인 사용 방법은 다음과 같습니다. reduce((누적값, 현잿값, 인덱스, 요소) => { return 결과 }, 초깃값); reduce은 이전값이 아닌 누진값을 사용합니다. 그렇기 때문에 다양하게 활용될 수 있는 것이겠쬬?ㅎㅎ 덧셈 with reduce 우선 덧셈에서 reduce를 사용하는지 예시를 보겠습니다. const arr = [1, 2, 3, 4]; const initialValue = 0; c..

배열에 적용하여 사용할 수 있는 반복문 for, while 배열 메소드인 forEach, map 저는 이 녀석들이 왜 이렇게 헷갈리고 어디 써야할지 고민될까요... 그래서 이번 기회에 제대로 정리해보려고 합니다!! 화이툉!!! 💫 반복문 정말 자주 사용하게 되는 반복문입니다. while 반복문 while (condition) { // 코드 // '반복문 본문(body)'이라 불림 } 조건이 들어가는 부분인 condition이 true이면 반복문 본문의 코드가 실행됩니다. let i = 0; while (i < 5) { console.log( i ); // 0, 1, 2, 3, 4 출력 i++; } let i = 5; while (i) { // i가 0이 되면 조건이 false가 되면서 실행 중지 cons..

안녕하세요! 틸드(~)연산자!! 바로 알아봅시다!!! 💫Tilde (틸드) 틸드는 비트 단위 연산자로 비트를 반전시키는 기능을 합니다. 피연산자를 32비트 정수로 변환합니다. 이해가 안되서 예제를 찾아봤습니다. const a = 5; // 00000000000000000000000000000101 const b = -3; // 11111111111111111111111111111101 console.log(~a); // 11111111111111111111111111111010 // Expected output: -6 console.log(~b); // 00000000000000000000000000000010 // Expected output: 2 후... 역시나 어렵습니다만, 간단하게 말하자면! 00..

글씨나 이미지 혹은 버튼을 클릭했을 때 파일을 다운로드 하는 방법!! 매우 간단하니 빠르게 알려드릴게요!!! 무려!!! 태그를 이용하면 됩니다 ㅎㅎㅎㅎㅎ 물론!! 복잡한 기능의 다운로드는 불가능 하지만 이미지, 엑셀 템플릿, pdf 등 고정된 것을 다운로드해야 할 때 간단하게 사용할 수 있습니다. 위처럼 기본적인 형식으로 사용하면 되고, download에 값을 지정하게 되면, 지정한 값으로 파일명 바뀌어 다운로드 됩니다!! 아주 간단하지만, 활용도가 꽤나 좋을 듯합니다.ㅎㅎ 수정할 내용이나 알려주실 내용 있으시면 댓글로 가르침 주세요^_^ 글 읽어주셔서 감사합니다~

안녕하세요!! 가끔 codepen에 코드를 작성하거나, 블로그를 작성할 때 더미 이미지를 넣어야하는데, 이미지 찾아 업로드하고 어쩌고... 너무 귀찮을 때가 있지 않나요? 그럴때 편리하게 더미 이미지 사용하실 수 있게 정보 공유 해보려고 합니다!! 1.https://picsum.photos/ Lorem Picsum Lorem Ipsum... but for photos picsum.photos 이미지 사이즈, 흑백, 블러 등 설정을 다르게 해서 이미지를 가져올 수 있습니다. 사이트에 방문하자마자 바로 코드를 얻을 수 있어서 정말 유용합니다. 2. https://placeimg.com/ PlaceIMG | Easy FPO and Dummy Images for Any Project Attention! Plac..