Dev study and notes

바닐라 JS로 크롬 앱 만들기 4장 강좌들 노마드코더 무료강좌이번 4강 강좌에서는 html과 자바스트립트 소스를 이용하여 간단한 웹페이지를 만들어보게 됩니다.로그인 기능 구현 전의 실습으로 아이디 입력 후 버튼을 눌렀을 때 greeting(인사) 문구가 화면에 나타나도록 합니다.아주 간단한 html 코드와 js 코드를 사용하게 됩니다.기본적인 소스코드 작성 및 약간의 유용한 코드 스킬을 배울 수 있게 됩니다.​이번 포스팅엔 4장 강좌들에 대한 최종 소스코드를 남깁니다.포스팅 내용은 각 파일 명 그리고 소스코드로 대체합니다.html Log In jsconst loginForm = document.querySelector("#login-form");con..

바닐라 JS로 크롬 앱 만들기 3장 강좌들 노마드코더 무료강좌​안녕하세요 데브런치입니다.노마트코더 바닐라js로 크롬앱 만들기 3장은 자바스크립트를 통해 웹페이지의 이벤트 관련 강좌입니다.​클릭 이벤트 등 다양한 이벤트 발생시 여러 기능을 구현하게 됩니다.​#3.0 The Document Object (08:14)#3.1 HTML in Javascript (10:31)#3.2 Searching For Elements (12:23)#3.3 Events (12:38)#3.4 Events part Two (08:31)#3.5 More Events (09:48)#3.6 CSS in Javascript (06:51)#3.7 CSS in Javascript part Two (09:34)#3.8 CSS in Javas..

바닐라 JS로 크롬 앱 만들기 2장 강좌들 노마드코더 무료강좌안녕하세요. 데브런치입니다.#2.3 const and let (09:45)const는 상수를 선언하는데 사용합니다. 선언 시 반드시 값을 초기화 해야하며, 한번 선언된 값은 변경할수 없습니다. 재 선언이 불가능 합니다.let은 블록 범위 변수를 선언하는데 사용되며, 선언 시 값을 초기화 할수 잇고 선언후 나중에 값을 선언할수 있습니다. 선안된 변수의 값을 변경할수 있습니다. 재선언이 가능하며 재선언된 값으로 유지됩니다. 이전 값은 유지되지 않습니다.이어서 자바스크립트의 기본 강좌가 이어집니다.2장에 대한 나머지 목록을 남겨봅니다. #2.4 Booleans (07:22)#2.5 Arrays (13:53)#2.6 Objects (13:05)#2.7..

바닐라 JS로 크롬 앱 만들기 #2.0 Your First JS Project 노마드코더 무료강좌​안녕하세요 데브런치입니다.노마드코더에서 제공하는 자바스크립트 무료강좌 '바닐라 JS로 크롬 앱 만들기'의 진행을 기록으로 남겨봅니다. 바닐라 js는 순수한 자바스크립트(javascript)를 사용하는 것으로 외부 라이브러리나 프레임워크를 쓰지 않는 순수 JavaScript를 이르는 말입니다. 강좌 진행에 앞서 기본적으로 간단한 html, css, javacsript 언어를 알고 있다면 쉽게 따라하면서 진행할수 있습니다.유튜브를 통해 무료강좌를 보며 진행하면 됩니다.​https://youtu.be/5xj5DjyQK_8 저의 경우 replit에서 진행을 했습니다. 이후 vscode순수한 자바스크립트 사용이므로 ..

3. 중복되지 않는 가장 긴 부분 문자열 찾기3. Longest Substring Without Repeating Characters영문 버전/ENGLISH VerDifficultyTopicsHintsURLEasyHash_TableStringSliding_Window1https://leetcode.com/problems/longest-substring-without-repeating-characters/description/ Table of Contents설명예제Solutions설명문자열 s가 주어졌을 때, 중복된 문자가 없는 가장 긴 부분 문자열의 길이를 구하세요.   예제Example 1:Input: s = "abcabcbb"Output: 3Explanation: The answer is "abc",..

2. 두 수 더하기2. Add Two NumbersDifficultyTopicsHintsURLMediumLinked_List Math Recursion0https://leetcode.com/problems/add-two-numbers/description/Table of Contents설명예제Solutions설명두 개의 비어 있지 않은 연결 리스트가 주어지며, 이는 두 개의 음이 아닌 정수를 나타냅니다.숫자는 역순으로 저장되어 있으며, 각 노드는 한 자리 숫자를 포함하고 있습니다.두 숫자를 더한 결과를 연결 리스트로 반환하세요.두 숫자는 숫자 0 자체를 제외하고는 선행 0이 포함되지 않는다고 가정할 수 있습니다.예제예제 1:입력: l1 = [2,4,3], l2 = [5,6,4]출력: [7,0,8]..

1. 두 수의 합1. Two SumDifficultyTopicsHintsURLEasyArray``Hash Table3https://leetcode.com/problems/two-sum/description/목차설명예시제약 조건설명정수 배열 nums와 정수 target이 주어졌을 때, 합이 target이 되는 두 숫자의 인덱스를 반환하세요.각 입력에는 정확히 한 가지 솔루션이 있다고 가정할 수 있으며, 같은 요소를 두 번 사용할 수는 없습니다.답변은 어떤 순서로 반환해도 됩니다.예시예시 1:Input: nums = [2,7,11,15], target = 9Output: [0,1]Explanation: Because nums[0] + nums[1] == 9, we return [0, 1].예시 2:Input..

1. Two SumDifficultyTopicsHintsURLEasyArray``Hash Table3https://leetcode.com/problems/two-sum/description/Table of ContentsDescriptionExamplesSolutionsDescriptionGiven an array of integers nums and an integer target, return indices of the two numbers such that they add up to target.You may assume that each input would have exactly one solution, and you may not use the same element twice.You can ..