개발/두서없이 공부한 개발공부
-
프론트엔드 기술 면접 질문 리스트(라**)개발/두서없이 공부한 개발공부 2024. 9. 7. 03:33
Q. javascript 에서 var, let, const 의 차이가 뭐라고 생각하시나요?A. 3가지 다 변수선언 방식입니다. var 의 경우 함수스코프를 가집니다. var로 선언된 변수의 경우 함수내에서 유효하며 블록 스코프를 가지지 않습니다.그래서 if, for 문에 선언하더라도 바깥에서 접근할 수 있습니다. 또한 var함수의 경우 재사용이 가능합니다.위에 var x라고 선언하였더라도 바로 아랫줄에 var x 의 다른값을 넣으면 재할당이 가능합니다.이러한 이유로 요즘에는 var 보다 const 를 더 많이 사용합니다. 그리고 var의 경우 호이스팅이 됩니다. 호이스팅이 되면 선언된 함수가 최상단으로 올라옵니다.하지만 선언만 되는것이며 할당이 된것이 아니라 undefined로 초기화 되어 만약 출력을..
-
Next.js Vs React 둘은 무엇일까?개발/두서없이 공부한 개발공부 2023. 11. 22. 00:15
React, Next.js를 들어 보았는가? 프론트엔드 개발자를 지향한다면 React, Next.js 둘 중 하나는 꼭 들어봤을 것이다. 이 둘은 프론트엔드를 하는데 안 들어봤다면 공부를 안 한 것이다. 사실 React, Next.js는 그냥 개발 도구라고 생각하면 된다. React 란 무엇인가? 사용자 인터페이스를 만들기 위한 라이브러리가 바로 React 이다. 단어를 한번 풀고 넘어가자 사용자 인터페이스 : 사용자 인터페이스(UI)는 사용자가 어떻게 시스템 또는 소프트웨어와 상호 작용하는지를 나타내는 것 라이브러리 : 다양한 기능을 제공하고 코드를 구성하는 데 도움을 주는 코드 모음 한마디로 정리하자면 우리가 웹브라우저에 띄우는 모든 것을 담당하는 것을 React라고 할 수 있다. Next.js 란?..
-
동기와 비동기란 무엇일까?개발/두서없이 공부한 개발공부 2023. 9. 4. 07:50
흠.. 면접 때 질문했던 주제 중 하나인 동기와 비동기이다. 대답하지 못했다. 근데 이걸 처음 접한 건 아니다. 그냥 대답하지 못한 거다. 그냥 공부를 안 했다고 하자. 멍청한 놈!!@!@!@ 동기 synchronous 란? 데이터의 요청과 결과가 한자리에서 일어나는 걸 말한다고 한다. 일단 실행하면 이건 컴퓨터가 터지는 일이 있어도 다음단계로 넘어가지 못한다. 시킨 업무를 완수해야 다음 문장으로 넘어갈 수 있다. 답을 주지 않으면 그냥 컴퓨터는 다른 일을 할 수 없는 것이다. 비동기 Asynchronous 란? 요과 결과가 동시에 일어나지 않는 것을 비동기라고 한다. 한마디로 일단 이거대로 진행하고 결과가 나오지 않더라도 다른 작업이 가능한 것이다. 병행작업이 가능하다 고 보면 될 것 같다. 내가 비동..
-
npx react-create-app 실행이 안돼요!개발/두서없이 공부한 개발공부 2023. 8. 7. 06:57
un create-react-app --help to see all options. PS C:\Users\user\toodo> npx create-react-app ./ npm ERR! code ENOENT npm ERR! syscall lstat npm ERR! path C:\Users\user\AppData\Roaming\npm npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\user\AppData\Roaming\npm' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A ..
-
SEO란 무엇일까?개발/두서없이 공부한 개발공부 2023. 8. 6. 00:47
시작하기에 앞서... 우리가 웹사이트를 제작하게 된다면 네이버나 구글에 검색어 노출을 시키려고 할 것이다. 그때 네이버나 구글에서는 사람들이 모든 페이지를 읽고 메인화면에 보여주는 것이 아닌 로봇(즉 크롤링 봇)을 시켜서 각 페이지의 제목과 내용을 긁어서 검색페이지에 노출해 준다. SEO를 왜 알아야 할까? 위에서 말했듯 웹페이지를 만들면 다른 곳에 알려하지 않을까? 네이버에서 hueeng를 검색하면 현재 있는 블로그가 나온다. 근데 내 블로그의 경우 네이버의 SEO를 따르고 있지 않는다. 간단하게 설명하자면 hueeng 메인페이지로 이동하는 링크이면서 "준비물! The More 카드종류 혜택 이제부터 알려줄 꿀 팁들"이라고 있는데. 밑에 내용을 보면 서민금융진흥원에 대한 다른 게시글에 대한 내용이며 이..
-
Redux란 무엇인가?개발/두서없이 공부한 개발공부 2023. 5. 28. 21:05
React로 로그인과 회원가입을 구현하려고 하면 Component 간의 정보를 공유해야 하는데 내가 기본적으로 알고 있는 방법은 Props 방법이었다. 일단 모르는 사람을 위해 Props란 : 부모 Component에서 자식 Component로 Props를 통해 데이터를 전달할때 사용하는 속성이다. 상위 Component가 하위Component에 값을 전달해서 단방향 데이터 흐름을 갖고 부모 Componet는 수정이 가능하지만 자식 Component는 읽기만 가능하다. 위에서 아래로 내려주는 형태를 듸고 있는데 이걸로 만약 회원가입과 로그인을 만든다고 하면. 여러 문제가 생겼다.. 대표적으로 Prop Drilling 이라고 한다. Prop Drilling은 간단하게 말하자면 Prop를 추적하기 어렵다는것..