컴퓨터 공부37 16진수로 바꿔주는 Javascript 만들기 (1) ctf 문제를 풀어보면서 문자나 숫자를 16진수로 변환하거나, 16진수를 다시 문자나 숫자로 바꿔야 하는 상황이 종종 있었다.구글에 Hex decode를 검색하면 변환해 주는 사이트들이 많이 나오지만 그냥 작성해 봤다. 주로 사용한 메서드는 2개toStringcharCodeAt그리고 화면에 결과를 바로 띄우기 위해 HTML의 oninput 이벤트속성을 사용했다.더보기https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Number/toString https://www.w3schools.com/jsref/jsref_charcodeat.asphttps://www.w3schools.com/jsref/event_oninput... 2025. 1. 30. [C++] 영어문장을 모스부호로 바꿔보자 문장을 모스부호로 바꾸는 오픈챌린지 문제를 도전해 보았다. 영화나 드라마에서 처럼 소리를 내진 못하겠지만 원하는 문장을 간단히 출력해 볼 수 있으면 좋지 않을까 싶다. 1. 목표헤더 파일과 실행 파일을 분리해 작성해 본다.제시된 템플릿을 변경하지 않는다.실행 흐름을 이해해서 정리해 본다. 2. 헤더 파일 (morse.h)class Morse { string alphabet[26]; string digit[10]; string slash, question, comma, period, plus, equal;public: Morse(); void text2Morse(string text, string& mores); bool morse2Text(string morse, string& text);}; M.. 2024. 5. 4. [vanilla JS] 계산기를 만들어보자 (完): CSS 꾸미기 1. 최종 결과물 아름답진 않지만 어찌어찌 계산기 모양이 나오게 만들어 보았습니다! 살짝 착시현상이 보이는 건 덤 2. CSS 코드 버튼에 커서를 올릴 때마다 색이 바뀌면 직관적이지 않을까 싶어서 hover 기능을 사용했습니다. 3. 마무리 기능이나 디자인이나 써먹지 못할 정도로 초라하지만 에러 없이 목표로 잡은 기능들이 다 작동되어서 참 기쁘다. 여기저기 검색하면서 이론적으로 배운 게 많았다. 깃헙링크 practice-vanillajs/calc at master · delusionbox/practice-vanillajs (github.com) 2023. 11. 29. [vanilla JS] 계산기 만들어보기 (2) : 코드변경과 계산실행하기 1. 코드 변경 이유 foreach를 사용해서 얻은 값들을 가지고 함수를 만들려고 했지만, 값을 제대로 받아오지 못했다. 그래서 버튼값을 Array.from을 이용해서 배열로 만든 다음 Switch 문을 사용하면 좋다고 생각했다. 2. 기존 변경점 innerText로 버튼값을 보이게 변경했다. button 값을 Array.from으로 감싸 배열로 넘겨줬다. foreach문을 사용하지 않고 swith문으로 변경했다. 3. html innerText를 사용하기에 input은 삭제하고 사칙연산, =, C를 추가했다. 4. main.js click 이벤트와 switch문이 실행된 후 만들어진 배열을 값을 나타내기 위해 map()을 사용했다. ※참고 https://developer.mozilla.org/en-US.. 2023. 11. 26. 이전 1 2 3 4 5 ··· 10 다음 728x90
