JavaScript

자바스크립트는 1995년에 탄생한 브라우저 동작 스크립트 언어이다. 2005년 자바스크립트 기반 기술인 AJAX의 등장으로 UX가 폭발적으로 향상되어 많은 개발자들이 자바스크립트를 사용하게 되었다. 2009년 Node.js의 등장으로 자바스크립트는 프론트엔드, 백엔드,

자바스크립트의 위치 1. head 안에 위치하는 경우 (1) 브라우저가 html 파일을 parsing 중에 javascript를 발견 (2) 브라우저는 html parsing을 잠시 멈추고 javascript 파일을 다운 (3) 브라우저가 서버에서 다운받은 javasc

input과 output을 가진 기능의 단위로, 재활용이 용이하다. 함수 선언문과 표현식으로 만들 수 있다.함수의 input 부분을 매개변수라고 하고, return문 뒤에 오는 값을 반환값이라 한다.함수 선언문함수 표현식함수를 호출하는 방법: functionName()

배열 생성 기본 생성 크기 지정: n개의 요소를 가진 배열을 만들 수 있다. Array.length: 배열 안에 있는 요소의 갯수를 알 수 있다. 요소 접근 array[0부터 시작하는 인덱스]를 통해 배열 안의 특정 요소에 접근할 수 있다. 배열 메소드 1 pu

ES6 문법 2015년 발표된 Javascript의 버전 중 하나로, 더 쉽고 효율적으로 코드를 작성할 수 있다. let 변수, const 상수 화살표 함수: var add = (x) => {} 삼항연산자: condition ? true인 경우 : false인 경우

Map & Set JavaScript가 다양하고 복잡한 프로그램을 만드는 데 유용함에도 현실 세계를 반영하는 데에 부족한 부분을 보완하기 위해서 Map, Set과 같은 추가적인 자료구조(데이터의 형태)가 등장 Map, Set의 목적: 데이터의 구성, 검색, 사용을 기

와.... 이번 강의 진짜 역대급으로 어려웠다... 강의 하나를 거의 하루 종일 붙들고 되감기 되감기 무한루프해서 들었는데도 무슨 말인지 도저히 이해하기가 어려웠다.... 한 10번씩 듣고 나니까 어렴풋이 이해는 하겠는데 머릿속에 내용이 깔끔히 정리되지 않고 안개 낀

실행 컨텍스트 실행 컨텍스트란? 실행할 코드에 제공할 환경 정보들을 모아놓은 객체. 자바스크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 1. 선언된 변수를 위로 끌어올리고(hoisting) 2. 외부 환경 정보를 구성하고 3. this 값을 설정한다. 콜 스택 ca

오늘은 Javascript 문법 중 sort() 에 대한 특강이 있었다. 2주차 강의에 딸린 과제가 바로 이 sort()를 사용하는 것이었는데 그 때도 상당히 헤맸기 때문에 이번 특강이 매우 중요할 것이라고 생각했다. 선택 수강이라고 하셨지만 바로 직행✨배열의 요소를

어제부터 시작된 알고리즘 그리고 코드카타... '나 괜찮을까?' 하고 큰 좌절감을 맛보게 되었다🥲 객관적으로 생각해 본 현상황 나의 문제점은 아래와 같다.1\. 기본 코딩 능력이 많이 부족하다아직 함수 표현식, 함수 선언문 작성하는 것조차 잘 안된다. "엥 분명히 공

알고리즘 두번째시간.......<1. 처음 써본 것> 마지막에 배열 형태로 반환해야 하고, 문자의 갯수를 세어 담아 둘 변수가 필요해서 각각 obj, num으로 선언했다. 이런이런🤷🏻‍♀️혹시 한 번에 실행돼버리는 거 아닐까\~~? 후후후 하고 희망회로를 돌

this는 실행 컨텍스트가 생성될 때 결정된다. 이것을 'bind한다'라고 한다.전역 공간에서 this:노드에서는 global 객체, 브라우저에서는 window 객체함수 vs 메서드:함수는 그 자체로 독립적인 기능을 수행하지만, 메서드는 자신을 호출한 대상 객체에 대한

며칠 전부터 개인과제 '영화 검색 사이트 만들기'를 마무리짓기 위해 하루 종일 머리 싸매고 달렸다. 중간중간 알고리즘 때문에 패닉 타임 갖는 건 덤! 🥹 와... 항상 내 플젝은 HTML이 99.999% 였는데... 이번 플젝은 무려 자바스크립트가 과반!!! 실로

오늘은 팀과제를 위해 팀원분들과 과제물의 방향성에 대해 함께 논의하고 각자 기능을 나눠 맡아 하루종일 정신 없는 하루를 보냈다. 혼자 하는 것도 힘든데 여럿이서 함께 해보려니 쉬운 일이 아니었다🥹 팀원분들 모두 너무 친절하시고 적극적이셔서 다행이지만 알고 있는 것들도

if9 팀의 ✨팀장✨으로서 조금이라도 더 잘 해보고 싶은 마음에 지금 이시간까지 프로젝트 계속 깎고 또 깎다가... 11시 반이 다 되어서야 벨로그에 들어올 수 있었다😇이번 팀프로젝트는 2주차 개인프로젝트로 만들었던 '영화 검색 사이트'를 디벨롭하는 것이다. 4명의

끝날 때까지 끝난 건 아니지만... 오늘 대강 마무리가 된 것 같아서 조금 이른 감사짤을 꺼내본다.그래도 모두가 한마음으로 같이 달려주었기 때문에 처음에 막연하게 걱정했던 것만큼 눈 앞이 깜깜해지는 정도는 아니었던 것 같다. 오늘은 각자 따로 작업했던 부분을 머지하는

지난 글에서 새로 만든 Now playing 메뉴의 핵심 기능을 수정했다. 알고보니 TMDB 제공 api 중에 'videos'도 있었던 것이다! TMDB에서 불러온 데이터로 유튜브 영상을 찾기가 쉽지 않을 것 같아서 대충 영화 카드 클릭하면 유튜브의 검색페이지로 새창

오늘의 TIL은 3주차 마지막 글을 맞이하여 팀원분들의 코드를 공부해 본 내용을 기록해보려고 한다. 특히 내가 맡지 않은 로컬스토리지 댓글 기능 부분을 보도록 하겠다.영화 상세정보 페이지 하단에 붙는 우리조의 댓글 기능!! 먼저 댓글 기능을 구현하는 데에 필요한 것들을

오랜만에 자바스크립트 글🥹 중복을 허용하지 않는 자료구조 Set Set은 자바스크립트에서 유일한 값을 저장하는 데 사용되는 내장 객체이다. 생성자 함수로 생성할 수 있고, 중복값을 허용하지 않는다는 특징이 있다. Set에는 숫자, 문자열, 객체, 배열 등 모든 유형