Jerry

1강 팁(Tip) 문법을 완벽히 알려는 것 Nono 적당히~ HTML/CSS도 공부하는걸 추천 초반일수록 돈 아끼려 하지 않고 준비시간을 줄이기 위해 어떤 수를 쓰더라도 그걸 줄이려고 하는걸 추천 에디터가 좋을수록 오타도 잡아주고 자동완성을 해줘서 타자를 아껴줄 수 있겠죠 (생산성 -> 연봉) 브라우저가 자바스크립트를 실행해주기 때문에 크롬 브라우저를 설치해준 것 매년 자바스크립트는 다른 버전이 나온다 => 최신 자바스크립트를 실행하기 위해서 node.js가 있으면 브라우저가 없어도 자바스크립트 코드를 실행시킬 수 있다 // 콘솔 프롬프트 (크롬 F12) 자바스크립트는 웹 페이지의 작동을 담당하도록 개발된 언어이며, 실제로 대부분 웹 사이트는 자바스크립트를 사용합니다. 웹 브라우저는 어떻게 자바스크립트 ..

형 변환 문자, 숫자, 논리형으로의 형 변환 1. 문자형으로 변환 String(value)을 사용하여 문자형으로 명시적 변환 2, 숫자형으로 변환 Number(value)을 사용하여 숫자형으로 변환 전달 받은 값 형 변환 후 undefined NaN null 0 true and false 1 과 0 string 문자열의 처음과 끝 공백이 제거됩니다. 공백 제거 후 남아있는 문자열이 없다면 0, 그렇지 않다면 문자열에서 숫자를 읽습니다. 변환에 실패하면 NaN이 됩니다. 3. 불린형으로 변환 Boolean(value)을 사용하여 불린형으로 변환 전달 받은 값 형 변환 후 0, null, undefined, NaN, "" false 그 외의 값 true 출처: JAVASCRIPT.INFO | https://..

Pseudo Code /* loop start 2중 루프 바깥 포문은 skill 기준 내부 포문은 skill_trees 기준 skill 각 요소를 기준으로, 각 skill_trees의 해당 skill 요소 위치를 찾아서 빈 배열에 담는다. loop end loop start 배열을 다시 탐색하여 각 요소의 idx 순서가 오름차순이면 통과(counting) 그렇지 않으면, 미통과 loop end return cnt; 종료 */ Submit Code function solution(skill, skill_trees) { let arr = new Array(skill_trees.length).fill(''); for (let y = 0; y < skill.length; y++) { for (let x = 0;..

Q1. 스코프에 대해서 설명하세요. 스코프는 참조 대상 식별자(identifier, 변수, 함수의 이름과 같은 대상을 다른 대상과 구별하여 식별할 수 있는 유일한 이름)를 찾아내기 위한 규칙입니다. 변수는 전역 또는 코드 블록(if, for, while, try/catch 등)이나 함수 내에 선언하며 코드 블록이나 함수는 중첩될 수 있다. 식별자는 자신이 어디에서 선언됐는지에 의해 유효한(다른 코드가 자신을 참조할 수 있는) 범위를 갖습니다. 자바스크립트에서 스코프는 전역 스코프와 지역 스코프로 구분할 수 있습니다. 지역 스코프는 함수 코드 블록이 만든 스코프입니다. 변수는 전역 변수와 지역 변수로 구분할 수 있습니다. 지역 함수는 함수 내에서 선언된 변수입니다. C언어와 다르게 자바스크립트는 함수 레벨..

변수 변수는 데이터를 저장할 때 쓰이는 '이름이 붙은 저장소'입니다. 자바스크립트에서는 let 키워드를 사용해 변수를 생성합니다. 예를 들어, #1은 'message'라는 이름을 가진 변수를 생성(선언)합니다. #2는 연산자 '='를 사용해, 'Hello'를 변수에 데이터를 저장합니다. (변수명을 이용해 문자열에 접근이 가능해짐) #3은 저장된 변수 값을 보여줍니다. let message; // #1 message = 'Hello'; // #2 alert(message); // #3 위에서 보여준 코드 예시를 그림으로 나타내면 아래와 같이 나타낼 수 있습니다. message라는 변수에 'Hello!'라는 데이터 값을 넣어주었습니다. 하지만, 아래 코드 예시는 #3이 추가되었네요. 이것은 무엇을 의미할까요..

쉬운 주제라고 생각을 했지만, 역시 이 분야에서는 호락호락한 게 없다. 대충 아는 것보다 아예 모르는게 낫다. 어설프게 알바에 조금만 더 노력해서 제대로 아는 게 중요하다. 엄격 모드(strict mode)란? 자바스크립트는 오랫동안 호환성 이슈 없이 발전했다. 이 말은 기존의 기능을 변경하지 않으면서 새로운 기능이 추가 됐다는 걸 의미한다. 또한, 기존에 작성한 코드는 절대 망가지지 않는다는 장점과 자바스크립트 창시자들이 했던 실수와 불완전한 결정 또한 이어진다는 의미이다. 그러던 도중, 2009년 ECMAScript(ES5)가 등장하고 나서 새로운 기능이 추가되고 기존 기능 중 일부가 변경되었다. 이 말은 즉, 기존 기능을 변경했기 때문에 하위 호환성 문제가 발생할 수 있다는 의미기도 하다. 그래서 ..

제목에서 느꼈을 수도 있는데, 필자는 1일 1 커밋 운동처럼 1일 1 JAVASCRIPT.INFO 정리 글을 적어보려고 한다. 공부한 내용을 적어보는 거라 글의 형식이 파괴될 수 있으며 전문성 또한 떨어질 수 있다. 하지만, 개인적으로 너무 욕심내지 않고 중요한 부분 위주로 이해가 쉽게 가도록 정리를 해보려고 한다. 그러니 너그럽게 봐주길 바란다. 자바스크립트란? 무엇일까? 필자는 이 제목을 보고 끌려서 글까지 적기로 생각을 했다. 개인적으로 자바스크립트는 '기존의 정적인 HTML 환경에서 동적인 기능을 추가하고 싶어서 생긴 언어가 자바스크립트다.'라고 정도로 알고 있었다. 아무래도 깊게 자바스크립트에 대해 알지 못하더라도 "자바스크립트가 무엇이죠?"라는 질문을 받았다고 생각을 해보니, 클릭이 저절로 된..

오늘은 쿠키에 대해서 알아보겠습니다. 세션과 토큰은 이후 글에서 뵙겠습니다. 쿠키(cookie)란? 먼저, 쿠키의 정의에 대해서 살펴봅시다! MDN HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데이터를 함께 전송합니다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용합니다. 이를 이용하면 사용자의 로그인 상태를 유지할 수 있습니다. 상태가 없는(stateless) HTTP 프로토콜에서 상태 정보를 기억시켜주기 때문입니다. Wekipedia 쿠키(영어: cookie)란 하이퍼 텍스트의 기록서(HTTP)의 일종으로서 인터넷 사용자가 어..