그린그린티라떼

https://sustainable-dev.tistory.com/156 자바스크립트에서 불변성(Immutability)이란 사실 나는 불변성이라는 개념을 자바스크립트 언어 자체를 공부할 때 말고 리액트를 공부하면서 state를 변경할 때 처음 접했었다. 그냥 단순하게 '새로운 값을 할당하지 않으면 리렌더링이 안되 sustainable-dev.tistory.com 위와 같은 이유에서 JavaScript로 개발을 할 때 불변성을 지켜줘야한다. (데이터의 변화를 잘 캐치하기 위해서!!!!) immer를 사용하면 복잡하지 않게 기존에 불변성을 깨뜨리는 함수들도 불변성을 지키면서 코딩할 수 있다! yarn add immer https://codesandbox.io/s/pedantic-grass-ojocz?font..

1주차 문제는 비교적 간단한 문제이다 단순 수식을 이용해서도 충분히 풀 수 있다 이제 알고리즘은 JavaScript나 Python으로 풀어보려고 노력해야겠다 Java 안녕😉 부족한 금액 계산하기 문제 설명 새로 생긴 놀이기구는 인기가 매우 많아 줄이 끊이질 않습니다. 이 놀이기구의 원래 이용료는 price원 인데, 놀이기구를 N 번 째 이용한다면 원래 이용료의 N배를 받기로 하였습니다. 즉, 처음 이용료가 100이었다면 2번째에는 200, 3번째에는 300으로 요금이 인상됩니다. 놀이기구를 count번 타게 되면 현재 자신이 가지고 있는 금액에서 얼마가 모자라는지를 return 하도록 solution 함수를 완성하세요. 단, 금액이 부족하지 않으면 0을 return 하세요. 제한사항 놀이기구의 이용료 p..

9월부터 시작되는 하반기 공채 시즌을 대비하면서 네이버웹툰 개발 챌린지에 지원을 했다:) 너무너무 오랜만의 코딩테스트라 감을 익히자는 생각으로 지원을 했는데 1차는 쉽게 붙어서 후기를 작성한다. 인적 사항만 작성하면 바로 접수가 된다. 1차 시험은 JavaScript으로 풀어야 하고 3문제에 2시간이었다. 8개월 정도 코딩 테스트, 알고리즘 푸는 걸 쉬었기 때문에 잘 못하겠다 싶었는데 생각보다 어렵지 않았다. 합격 메일! 3문제가 나왔는데 1, 2, 3번 모두 단순 구현 문제였다. 3번째 문제는 테트리스 구현 문제였는데 못 풀어서 너무너무 아쉽따... 알고리즘, 하드 코딩 열심히 연습해야겠다. 인터넷 검색이 불가능이라는 걸 미리 염두했어야 하는데..ㅠㅠ 2차 시험을 탈탈 털리고 테스트 종료를 눌렀다. 프..

const 선언은 블록 범위의 상수를 선언합니다. 상수의 값은 재할당할 수 없으며 다시 선언할 수도 없습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 // 주의: 상수 선언에는 대소문자 모두 사용할 수 있지만, // 일반적인 관습은 모두 대문자를 사용하는 것입니다. // MY_FAV를 상수로 정의하고 그 값을 7로 함 const MY_FAV = 7; // 에러가 발생함 MY_FAV = 20; // 7 출력 console.log("my favorite number ..

class -> className for -> htmlFor 1 입력 cs

onclick, onchange, onsubmit, onload, oninput, onfocus, onblur onBlur: select, text, textarea 항목이 실행된 후 사용자가 다른 곳으로 이동할 때 발생 onChange: 사용자가 select, text, textarea의 텍스트를 변경하면 이 이벤트가 발생 onClick: 이 이벤트는 사용자가 버튼, 이미지, 하이퍼 링크 등과 같은 객체를 클릭 할 때 발생 onFocus: HTML 양식에서 select, text 또는 text area 항목이 선택되면 이 이벤트가 발생 onSelect: 이 이벤트는 text area 또는 text 상자의 일부 text가 선택될 때 발생 onSubmit: HTML양식의 제출 버튼을 클릭하여 양식 데이터를..

Like 버튼을 클릭 시 liked:true로 state가 변경되는 것을 알 수 있다. 크롬 리액트 확장자를 다운 받아서 props와 state를 확인 가능! https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ko-kr