반응형 Javascript52 [Day01] 코딩 뇌를 깨우는 JS 기초 문제 풀이 (ft. 배열, 타입, 반복문) [Day01] 코딩 뇌를 깨우는 JS 기초 문제 풀이 (ft. 배열, 타입, 반복문) 개발 업무를 하다 보면 복잡한 로직에만 신경 쓰느라, 정작 아주 기초적인 문법이나 개념들을 깜빡할 때가 종종 있습니다.Notion을 정리하다가 예전에 어디에선가 문제풀이를 메모해두었던 것을 발견하게 되었습니다.그래서 이 참에 자바스크립트(JS)의 기초적인 개념들을 다시 한번 다져보고, 혹시라도 놓치고 있던 부분은 없는지 메모를 해두기로 합니다. 거창한 프로젝트도 좋지만, 하루에 5문제 정도 가볍게 풀면서 코딩 뇌를 말랑말랑하게 유지하는 것도 좋은 전략인 것 같습니다. AI 시대라고 매일 AI만 사용하지 말고, 기본에 더욱 충실하고 기초를 단단하게 다질 수 있도록, 매일 딱딱하게 굳어 가는 뇌를 일깨우기 위해서라도 가끔.. 2026. 2. 14. Caps Lock이 켜져 있습니다! 알려주는 기능, 웹에서도 가능할까? Caps Lock이 켜져 있습니다! 알려주는 기능, 웹에서도 가능할까? 웹 프로젝트를 진행하다 보면, 심심치 않게 이런 요구사항을 만날 수 있습니다. '로그인 할 때 불편하니까, Caps Lock 키가 눌려져 있는지 알려주면 좋겠어요.' 왠지 어디선가 저런 기능을 본 것 같은 기억을 누구나 갖고 있을테니 말입니다.결론부터 말하자면, '원칙적으로는 불가능하다. 그러나 Javascript로 흉내는 낼 수 있다!' 정도가 모범답안이 될 수 있으려나요? Windows vs. Browser 윈도우 사용자가 많으니, 그냥 Windows를 예로 들어봅니다.(Windows라고 쓰고 Mac이라고 읽어도됩니다.)윈도우는 O/S입니다. 즉, PC와 연결된 각종 연결장치들을 관리하고 제어하고, 그 위에서 프로그램을 구동시.. 2025. 4. 22. onclick="location.href='url주소' 새 창으로 띄우려면? target="_blank" ? onclick="location.href='url주소' " 새 창으로 띄우려면? target="_blank" ? 기존에 작성된 개발코드를 살펴볼 때 onclick=""이벤트를 사용해서 location.href='url주소'를 이용해서 링크하는 경우를 종종 만나게 됩니다. 대충 살펴보자면, 클릭했을때 location에 대한 hyperlink reference를 옆에 적어 둔 url주소를 참조하라는 것이라고 짐작할 수가 있겠습니다. 그런데, location.href는 동작방식이 현재 열려진 브라우저 창에서 동작하게 됩니다. 그렇다면, 엘리먼트를 사용할 때 처럼 target="_blank"을 주려면 어떻게 하면 좋을까요? 예제코드 아래와 같은 HTML 예제코드로 시작해보겠습니다. anchor 태그로 연결 네이.. 2023. 4. 4. sort() 활용 - 문자, 숫자 오름차순 정렬 그리고 내림차순 정렬 원리 sort() 활용 - 문자, 숫자 오름차순 정렬 그리고 내림차순 정렬 원리 이전까지 몇번의 포스팅에서 자바스크립트의 배열을 반복적으로 다루며 정리를 해보았습니다. 그만큼 배열에 대해 이해하고 잘 다루는 게 중요하기 때문입니다. 이번 포스팅에서 딱 한놈만 패는 기분으로, sort() 메서드를 가지고 약간 심도 있게 다뤄보고 정리를 해봅시다. 연습문제를 푸는 마음으로 살펴 두면 도움이 될 것입니다. sort() 메서드 활용 - 1. 문자의 오름차순 정렬 아래 주어진 배열를 가나순으로 정렬해보세요. const str = ["B", "D", "A", "C"]; 이건 이제 너무 쉽게 느껴지죠? sort() 메서드만 갖다 붙여보면 되니까요. 당장 풀어버립시다! const str = ["B", "D", "A", "C.. 2023. 2. 27. 이전 1 2 3 4 ··· 13 다음 반응형
