Dev Diary 💻

이 글은 udemy의 The Web Developer Bootcamp 2024 강좌를 바탕으로 정리한 내용입니다.11. 섹션 주제skip 12. 5분 뒤의 인터넷인터넷은 네트워크의 네트워크입니다. 서로 통신할 수 있는 수많은 기기들이며, 인터넷은 모든 것을 가능하게 하는 인프라입니다. 인터넷이 연결된 컴퓨터들의 묶음 13.웹이란? 웹은 인터넷을 통해 리소스를 공유하게 하는 정보 시스템입니다. 웹의 실제 작동 방식으로 정보 전송 방식에는 HTTP (Hypertext Transfer Protocol)이 사용됩니다. 웹이 작동하는 방식 커뮤니케이션 방식 리소스나 웹 페이지를 요청하고 공유하는 방식의 기반입니다. TCP, IP 등 다른 프로토콜도 있습니다. 14.요청/응답 주기skip 15. 프런트 엔드(Fro..

이 글은 udemy의 The Web Developer Bootcamp 2024 강좌를 바탕으로 정리한 내용입니다 1. 환영 인사skip 2. 커뮤니티 채팅 및 그룹 참여 방법skip 3. 커리큘럼 소개skip 4. 최종 업데이트 일자에 관하여 skip 5. 코스 업데이트 내역https://plum-poppy-0ea.notion.site/Web-Developer-Bootcamp-ChangeLog-45e3eab6be724c5f9a4b83c01044e126 6. 제가 개발자가 될 수 있을까요? skip 7. 코드와 슬라이드skip 8. 대화영 코딩 연습 및 관련팁skip 9. 코드스 코딩 실습 솔루션skip 10. 구버전 강의 구독자들이 새 강의를 보는 법skip

Problem Description 영어 대소문자로 이루어진 문자열 my_string이 매개변수로 주어질 때, my_string을 모두 소문자로 바꾸고 알파벳 순서대로 정렬한 문자열을 return 하도록 solution 함수를 완성해보세요. Restrictions. 0

Problem Description정수가 담긴 배열 numbers와 문자열 direction가 매개변수로 주어집니다. 배열 numbers의 원소를 direction 방향으로 한 칸씩 회전시킨 배열을 return하도록 solution 함수를 완성해주세요. Restrictions.3 ≤ numbers의 길이 ≤ 20direction은 "left" 와 "right" 둘 중 하나입니다. Input/Output Example입출력 예 #1 numbers 가 [1, 2, 3]이고 direction이 "right" 이므로 오른쪽으로 한 칸씩 회전시킨 [3, 1, 2]를 return합니다.입출력 예 #2  numbers 가 [4, 455, 6, 4, -1, 45, 6]이고 direction이 "left" 이므로 왼쪽으..

Problem Description 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하도록 solution 함수를 완성해보세요. Restrictions. array의 길이는 홀수입니다. 0 0) { return 1 } else if (dot[0] < 0 && dot[1] < 0) { return 3 } else { return 4 } } Another solutions function solution(dot) { const [num,num2] = dot; con..

* 07장 연산자, 08장 조건문, 09장 일부 부분은 패스합니다. * 9.1 타입 변환이란? 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라 합니다. 개발자와 의도와 상관없이 JS엔진에 의해 암묵적으로 타입이 변환되기도 합니다. 이를 암묵적 타입 변화 또는 타입 강제 변환이라 합니다. 9.2 암묵적 타입 변환 JS엔진은 표현식을 평가할 때 코드의 문맥을 고려해 암묵적으로 데이터 타입을 강제 변환 할 때가 있습니다. '10' + 2 // '102' 7 * '10' // 70 9.4 단축 평가 9.4.4 옵셔널 체이닝 연산자 ES11에 도입된 옵셔널 체이닝 연산자 ?. 는 좌항의 피연산자가 null 또는 undefined인 경우 undefined를 반환하고, 아니라면 ..

이 글은 모던 자바스크립트 Deep Dive 바탕으로 정리한 내용입니다. 6.1 숫자 타입 자바스크립트는 C/Java와 달리 하나의 숫자 타입만 존재합니다. 6.2 문자열 타입 문자열 타입은 텍스트 데이터를 나타내는 데 사용합니다. 6.3 템플릿 리터럴 ES6부터 템플릿 리터럴이라고 하는 새로운 문자열 표기법이 도입되었습니다. 백틱을 사용합니다. 6.4 불리언 타입 불리언 타입의 값은 논리적 참, 거짓을 나타내는 true와 false 뿐입니다. 6.5 undefined 타입 undefined 타입의 값은 undefined가 유일합니다. undefined는 개발자가 의도적으로 할당하기 위한 값이 아니라 자바스크립트 엔진이 변수를 초기화할 때 사용하는 값입니다. 변수에 값이 없다는 것을 명시하고 싶을 때는 ..

이 글은 모던 자바스크립트 Deep Dive 바탕으로 정리한 내용입니다. 5.1 값 값(value)는 식이 평가되어 생성된 결과를 말합니다. 5.2 리터럴 리터럴(literal)은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말합니다. 3 3은 아라비아 숫자가 아닌 숫자 리터럴이다. js엔진은 이를 평가해 숫자 값 3을 생성하는 것! 숫자 외에도 다양한 종류의 값을 생성할 수 있다. (정수 리터럴, 부동소수점 리터럴, 2진수 리터럴 ... 문자열 리터럴, 불리언 리터럴, null 리터럴, undefined리터럴, 객체 리터럴, 배열 리터럴, 함수 리터럴, 정규 표현식 리터럴 등) 5.3 표현식 표현식은 값으로 평가될 수 있는 문이다. 표현식이 평가되면 새로운 값을 생성하..

이 글은 모던 자바스크립트 Deep Dive 바탕으로 정리한 내용입니다. 4.1 변수란 무엇인가? 왜 필요한가? 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말합니다. 4.2 식별자 변수 이름을 식별자라고도 합니다. 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말합니다. 식별자는 값이 아니라 메모리 주소를 기억하고 있습니다. 즉 메로이 주소에 붙인 이름이라고 할 수 있습니다. 따라서 변수, 함수, 틀래스 등의 이름은 모두 식별자입니다. 4.3 변수 선언 변수를 사용하려면 반드시 선언이 필요합니다. 선언 시에는 var, let, c..

이 글은 모던 자바스크립트 Deep Dive 바탕으로 정리한 내용입니다. 3.1 자바스크립트 실행 환경 자바스크립트를 브라우저 환경에서 실행하는 방법과 Node.js 환경, 그리고 VSCode를 활용해 브라우저나 Node.js 에서 실행하는 방법을 살펴봅시다. 3.2 웹 브라우저 여기서는 크롬 브라우저를 사용하도록 합니다. 3.2.1. 개발자 도구 개발자 도구는 웹 개발에 유용한 다양한 기능을 제공한다. - Elements : 로딩된 웹페이지의 DOM과 CSS를 편집해서 렌더링된 뷰를 확인해 볼 수 있음 - Console : 로딩된 웹 페이지의 에러를 확인하거나 console.log 메서드의 실행 결과 등을 확인할 수 있음 - Sources : 로딩된 웹 페이지의 js 코드를 디버깅 할 수 있음 - Ne..