그저 내가 되었고

📚 화살표 함수(Arrow function) 👉🏻ES6에서 새로 추가된 문법! 이름처럼 문법 안에 화살표가 들어 있음ㅋㅋ 기존 함수보다 더 간결한 문법으로 함수를 만들 수 있당!~! const sum = function(a, b) { return a + b; }; 일반 함수 표현식👆🏻 vs 애로우 펑션👇🏻 const sum = (a, b) => { return a + b; }; const sum = (a, b) => a + b; const hello = a => { return a; }; hello('hi'); // hi 📚 구조 분해 할당 👉🏻배열이나 객체에서 각각 값 이나 프로퍼티를 분해하여 손쉽게 개별 변수에 담을 수 있도록 해 줌 ▶배열에서의 구조 분해 할당 const [a, b] = [100, ..

🎈 Today's my BEST 15. 내적 How I solved👇🏻 function solution(a, b) { let sum = 0; for ( i = 0 ; i < a.length ; i++ ) { sum += (a[i] * b[i]) } return sum } ▶앞선 1~14번 문제 풀면서 삽질 맘껏 하니까.. 변수를 어디에다가 어떻게 선언하는지 꽤 익숙해져서 꽤 쉽게 풀었음. 16. 문자열 내 p와 y의 개수 How I solved👇🏻 function solution(s){ let convert = s.toLowerCase(); var count1 = (convert.match(/p/g) || []).length; var count2 = (convert.match(/y/g) || []).le..

📚 JWT(JSON Web Token) 의미▶ 인증에 필요한 정보들을 암호화시킨 JSON 토큰 예시▶ 수업의 로그인 기능을 생각해보면, 사용자가 로그인하면 서버에서 회원임을 인증하는 토큰을 넘겨줌으로써 이후 회원만 접근할 수 있는 서비스 영역에서 신분을 확인하는 데 쓰일 수 있음. ✍🏻 사전 지식 ▶인증 방식 종류: Cookie & Session & Token(서버가 클라이언트 인증을 확인하는 세 가지 방식!) ▶Cookie: Key-Value 형식의 문자열 덩어리. 클라이언트가 어떠한 웹사이트를 방문할 경우, 그 사이트가 사용하고 있는 서버를 통해 클라이언트의 브라우저에 설치되는 작은 기록 정보 파일. 각 사용자마다의 브라우저에 정보를 저장하니 고유 정보 식별이 가능한 것. ▶Session: 쿠키의 보..

🎈 Study more Variables; var vs let vs const var: 중복 선언 가능 - 얘로 선언한 변수는 동일한 이름으로 여러번 중복해서 선언이 가능함. 마지막에 할당된 값이 변수에 저장될 뿐. 아래의 예제를 보면 에러 없이 각기 다른 값이 출력되는 것을 볼 수 있음. - 이는 필요할 때마다 변수를 유연하게 사용할 수 있다는 장점이 될 수도 있지만, 기존에 선언해둔 변수의 존재를 잊고 값을 재할당하는 등의 실수가 발생할 가능성이 큼. 특히 코드량이 많아졌을 때, 같은 이름의 변수명이 여러 번 선언되었다면 어디 부분에서 문제가 발생하는지 파악하기 힘들뿐더러 값이 바뀔 우려가 있음. var name = 'javascript'; console.log(name); // javascript ..

🎯 문제 접근법 짧게 훑어본 결과 문제를 크게 세 가지 갈래로 나눌 수 있는 것 같다. 1. 그냥 JS 문법을 베이직하게 묻는 문제 2-1. 수학적 아이디어에 JS 문법을 조금 써서 푸는 문제 2-2. 수학적 아이디어에 JS 문법(특히 함수)를 많이 써서 푸는 문제 1👉🏻 문법을 알면 바로 풀면 되고, 모르면 구글링하면 바로 나옴 2👉🏻 2.1)수학적 아이디어를 캐치하고 2.2)그걸 JS로 어떻게 구현할지 스케치한 후 2.3) 적절한 문법을 활용할 수 있어야 함. 이 과정에서 생각지도 못한 방법을 많이 쓸 수 있음. How? JS는 JS엔진을 구동시킬 수 있으니까, 내장된 함수, 객체, 라이브러리 등등 사용해서 다양한 방법으로 풀이 가능한 것. 또한, 생각한대로 풀 수 없을 수도 있음. 최대한 러프하게 ..