들어가기 전에... 🤸♀️자바스크립트의 특성 -C나 Java와 같은 C-family 언어(클래스 기반 객체 지향 언어)와는 구별되는 특성 Prototype-based Object Oriented Language Scope와 this 동적 타입(dynamic typed) 언어 혹은 느슨한 타입(loosey typed)언어 동적인 언어 JS 예시 [1,2,3,4] + false // '1,2,3,4false' //출처: 노마드코더 결과가 미쳤다. 우선 두 타입이 전혀 다른 형태인데 연산은 왜 된것이며 연산이 됐다쳐도 배열은 어디가고 false는 string형태로 배열의 마지막 요소에 붙어있다. (차라리 에러를 던져주세요..) 런타임에러가 왜 최악의 에러일까? 런타임 에러란 콘솔 안에서 일어나는 에러이다. ..
[JS 기본 지식] 자바스크립트는 함수를 변수처럼 이용할 수 있다. 함수 선언문에도 해당함 b는 a의 콜백함수가 되겠네요. 콜백함수(callback)를 대충 지금 당장에 호출되는 것이 아니라 나중에 호출될 인자로 전달된 함수..정도로 이해하면 될 거 같습니다. function b() { console.log("b called"); } function a(another){ console.log("a started"); another(); // "b called" console.log("a ended"); } 자바스크립트에서 비동기 처리를 다룰 수 있는 방법은 여러가지가 있습니다. 주로 callback, Promise, async/await 를 활용합니다. 👾 Promise Promise는 비동기 작업을 처..
브라우저란 동기적(Synchronous)으로 HTML, CSS , Javascript 를 해석하여 해석한 내용을 화면에 보여주는 소프트웨어이다. 브라우저는 동기(Synchronous)적으로 HTML, CSS, Javascript를 처리한다. 이것은 script 태그의 위치에 따라 블로킹이 발생하여 DOM의 생성이 지연될 수 있다는 것을 의미한다. 그래서 꼼수로 body 태그의 끝쪽에 script태그를 위치시켜라 하는 게 이 이유라고 생각합니다. HTML5부터는 script의 어트리뷰트로 defer/ async를 제공하고 있기 때문에 해당 문제를 해결할 수 있습니다. 렌더링 엔진은 HTML, XML, 이미지 등 요청받은 내용을 브라우저 화면에 표시하는 엔진이다. 🤸♀️한 문단으로 간단하게 설명 사용자가 ..
Q. 프로토타입이 뭔가요? 그리고 프로토타입 상속은 어떻게 작동하나요? 프로토타입: 부모의 유전자가 자식에게 유전되는 것처럼부모 객체의 정보가 프로토타입이라는 유전자에 저장되고 자식 객체는 그 프로토타입을 참조한다.extends와 super를 써서 상속받을 수 있다. Q. Ajax에 대해 가능한 자세히 설명하세요. AJAX 탄생배경 Ajax는 HTTP의 TP(Transfer Protocol)의 대전제인 "사용자가 URL을 요청할 때에만 서버에서 해당 페이지를 꺼내준다"의 한계때문에 탄생했습니다. 즉 , 브라우저가 웹 서버에 무엇인가 요청하려면, 페이지를 이동해야만 하는데 그런 식으로 웹페이지를 이동하는 방식으로 만들어버리면 유저 사용성이 많이 떨어지는 한계가 있었습니다. 그렇기 때문에 구글은 HTTP규약..
99일 간의 항해를 끝내고 마지막으로 항해99에 대한 개인적인 경험에 대해 작성했습니다. 내가 항해99를 선택한 이유? 저렴한 가격 -> 타 부트캠프와 비교했을 때 "상대적"으로 싼 가격에 의해 지원하게 됐다. 무엇보다 부분 후불제가 있어서 취업 후 갚아나가는 식으로 하는 게 좋았다. 왜냐면 나는 코딩을 찍먹할 생각이 없고 꼭 업으로 삼을 것이라는 확신이 있기 때문에 슬랙 + 게더 시스템 -> 슬랙같은 경우는 타 온라인 부트캠프에서도 당연히 존재한다. 하지만 나는 실시간으로 소통할 수 있는 게더 시스템이 마음에 들었다. 슬랙이나 카페에서 친목을 다지는 것은 한계가 있다고 생각이 들기도 하고 독학과 크게 다를 바가 없다고 느꼈기 때문이다. 실전프로젝트 -> 큰 프로젝트를 해보고 싶었는데 마땅히 구할 곳도 ..
🔥🔥 표시: 개인적으로 어렵게 느낀 질문 체크 Q. React는 Framework인가요, Library 인가요? 이 둘의 차이는 무엇인가요? React는 라이브러리입니다. 라이브러리와 프레임워크의 차이는 제어 권한을 누가 가지고 있으냐 입니다. 라이프러리는 사용자(개발자)가 권한을 가지고 있으며 프레임워크는 반대로 프레임워크가 권한을 가지고 있습니다. 리액트로 만든 어플리케이션의 제어를 사용자가 API를 호출함으로써 제어할 수 있기 때문에 React는 라이브러리라고 볼 수 있습니다. Q. React가 무엇인지 간단히 설명할 수 있나요? React는 SPA(Single Page Application)을 위한 사용자 인터페이스(UI)를 구축하는데 사용되는 오픈 소스 JavaScript 라이브러리입니다. Re..
🙋♂️메타태그란? - 웹 페이지의 제목이나 이미지, 간단한 설명을 검색엔진에 알려주는 역할을 합니다. Q. 왜 CRS에서 SEO가 어려울까요? 우선 CSR이 검색엔진최적화(SEO)가 어려운 이유는 미리 html을 만들어두는 것(SSR에서는 미리 만들어서 그걸 보내주죠)이 아니라 요청이 들어온 다음에 html을 생성하는 방식이고, CSR을 적용한 SPA들이 하나의 페이지(html파일)만 존재하기 때문에 크롤링할 데이터가 없어서 SEO가 어려운 것이죠. 리액트는 SPA라 html파일이 하나 뿐입니다. 그렇기 때문에 사실은 하나의 Meta tag밖에 가질 수 없습니다. (*create-react-app으로 만든 폴더에 public폴더의 index.html로 가보면 head태그 내부의 meta태그를 확인할 수..
🔥🔥 표시: 개인적으로 어렵게 느낀 질문 체크 🔥🔥Q.자바스크립트의 특징은 무엇인가요? (싱글 스레드), 싱글 스레드와 멀티 스레스의 장단점은 무엇인가요? 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어입니다. 또한, 자바스크립트 엔진은 기본적으로 하나의 쓰레드에서 동작합니다. 하나의 쓰레드(= 싱글 stack)에서 동작한다는 의미는 동시에 하나의 작업만 할 수 있다는 것을 의미합니다. 싱글 스레드의 장점은 스레드 간의 자원 공유가 없기 때문에 그에 대한 동기화에 대해 신경쓰지 않아도 되는 점과 스레드 간의 context switching이 일어나지 않으므로 오버헤드를 방지할 수 있다는 점입니다. 단점은 여러개의 cpu를 활용할 수 없습니다. 멀티스레드의 장점은 프로세스의 자원과 상태..
- Total
- Today
- Yesterday
- 원티드 FE 프리온보딩 챌린지
- 부트캠프항해
- 타입스크립트 DT
- D 플래그
- 틸드와 캐럿
- nvm 설치순서
- getStaticPaths
- aspect-ratio
- 원티드 프리온보딩 프론트엔드 챌린지 3일차
- nvm경로 오류
- 항해99추천비추천
- getServerSideProps
- 타입스크립트 장점
- fs모듈 넥스트
- tilde caret
- 형제 요소 선택자
- reactAPI
- ~ ^
- 프리렌더링확인법
- 항해99프론트후기
- && 셸 명령어
- 프리온보딩 프론트엔드 챌린지 3월
- 항해99프론트
- text input pattern
- Prittier
- grid flex
- 원티드 프리온보딩 FE 챌린지
- 원티드 3월 프론트엔드 챌린지
- float 레이아웃
- is()
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |