반응형 분류 전체보기253 [TIL] 2022년 3월 23일 2022. 3. 24. [TIL] 2022년 3월 22일 저녁이 다되서야 갑자기 하다가 엎어진 프로젝트를 다시 훑어보게 되었다. 뭔가 계속 아쉬워서 손에 놓지 못하는 기분 조금 지나고 다시 보니까 어떻게 해야할진 알겠는데 워낙 대공사라서 엄두가 안난다. 뭐 어쩌겠어 그냥 해야지 2022. 3. 23. [JavaScript] 랜덤주사위 아래와 같은 이미지 파일이 있다고 가정할 때 랜덤주사위를 만들어 보기로 했다. //javascript const diceEl = document.querySelector('.dice'); const btnRoll = document.querySelector('.btn--roll') ... btnRoll.addEventListener('click', function () { // 1. Generating a random dice roll const dice = Math.trunc(Math.random() * 6) + 1; console.log(dice); diceEl.classList.remove('hidden'); diceEl.src = `dice-${dice}.png`; }) //HTML ... 🎲 R.. 2022. 3. 22. [JavaScript] keyboardEvent 🎈 Keyborad Event KeyboardEvent는 사용자가 키보드의 키를 눌렀을 때 발생하는 이벤트 객체에 속한다. 이벤트 유형은 keydown, keypress, keyup이 있으며 발생한 키도의 활동의 종류를 식별한다. 사용자가 키보드의 키를 눌렀을 때 발생하는 이벤트는 KeyboardEvent 객체에 속합니다.' keydown - 어떤 키가 눌렸는지 나타내는 코드를 제공 //keydown을 사용한 모달창 닫기. ... document.addEventListener('keydown', function (e){ if (e.key === "Escape") { closeModal(); } }) ... keyup - 키를 놓을 때마다 값을 기록합니다 Focus the IFrame first (e.g... 2022. 3. 22. [TIL] 2022년 3월 21일 앱이 너무 하고 싶은데 Flutter 너무 어렵다 이제 막 조금 알 것 같은데 계속 새로운 버전이 쏟아져 나오니까 또 달라지고 아직은 어렵지만 조금 더 열심히 해봐야 할 것 같다. 그래도 원래 하던 것도 계속 공부를 해야해서 오늘은 rtk-query에 대해서 알아보았다. https://redux-toolkit.js.org/tutorials/rtk-query/ RTK Query | Redux Toolkit redux-toolkit.js.org 예제가 잘 설명되어 있지만 한번 해보고 싶어서 내일은 아마 rtk를 해보는 날이 되지 않을까 싶다. 툴킷을 쓴지 좀 됐지만 계속 툴킷을 너무 단조롭게 쓴다는 느낌을 계속 받아서 뭔가 새로운 도전이 필요한 것 같다. 지금 하는것만 다 하면 될 것 같은데 쉬운일이 아니다.. 2022. 3. 21. [Flutter] Buttons ✅ ButtonStyle 1. RaisedButton ➡ ElevatedButton RaisedButton은 ElevatedButton으로 변경되면서 글씨색과 배경색을 주는 방법이 바뀌었다. // Flutter2 부터는 ElevatedButton이 사용되지만 원래의 코드를 위해서 잠시 사용 child: RaisedButton( color: Colors.orangeAccent, textColor: Colors.white, child: Text(answerText), onPressed: selectHandler, ), ); } } //변경 후 두가지 방법 child: ElevatedButton( //1️⃣ style: ButtonStyle( // backgroundColor: MaterialStateProp.. 2022. 3. 21. 이전 1 ··· 5 6 7 8 9 10 11 ··· 43 다음
