WebPack 기초

웹팩이란?자바스크립트 개발시 다양하고 여러파일들이 존재한다. (html, css, js, image 등등) 여러파일들을 하나의 결과물로 만들어서 효율적으로 통신할 수 있게해주는 모듈 번들러이다.웹팩을 사용하는이유자바스크립트 파일에는 .scss, .sass, .css,

2022년 8월 11일
·
0개의 댓글
·

HTTP 란?

Http 는 hyperText transfer protocol 의 약자로 클라이언트와 서버사이에서 text 파일을 전송할 수 있게하는 통신 프로토콜이다. 웹은 클라이언트 와 서버로 이루어져있다. 클라이언트는 우리가 흔히 아는 인터넷 익스플로러, 파이어폭스, 구글 크롬같

2022년 6월 25일
·
0개의 댓글
·

함수 선언과 스코프체이닝

화살표 함수와 일반 함수의 차이함수 선언와 함수 호출을 구분할 줄 알아야한다. 함수는 함수호출 괄호와 함께 작성하는 것 은 함수 호출이고 리턴값이 반환된다. 함수는 함수 호출스택(콜스택)으로 구동이된다. 호출 스택은 호출이 되어질때마다 스택에 쌓인다.호출 스택에 대한

2022년 4월 9일
·
0개의 댓글
·

MUI 가이드!

MUI란 무엇일까MUI 는 완성된 css를 편리하게 가져다 사용할 수 있는 css 유틸리티이다. React 기준 설치방법.npm install @mui/material @emotion/react @emotion/styled를 사용해서 mui 모듈을 설치한다. mui S

2022년 3월 25일
·
0개의 댓글
·

Javascript - debounce / throttle/

scroll,input,mousemove 같이 짧은 시간에 연속적으로 발생할 수 있는 것들이 있다. 제출버튼이 있다고 가정하자. 제출버튼을 짧은 시간안에 여러번눌러 서버요청을 여러번 보낸다고 하면 서버에 과부하가 일어날 것 이다. 이러한 이벤트들이 과도하게 발생하게되면

2022년 3월 24일
·
0개의 댓글
·

DOM 이란?

Dom 이란?Dom 은 Document Object model 로 html 로 구성되어진 웹페이지의 문서 라고 할 수 있다. Dom 은 웹페이지의 객체지향적 표현이다. 그럼 DOM이 왜나왔을까? 웹페이지는 HTML 로 구성되어있다. HTML 만을 사용하면 웹페이지는 정

2022년 3월 14일
·
0개의 댓글
·

HTMl 이란?

Html 이란? HTML 은 HyperText Markup Language 의 약자로 웹페이지를 구성하기 위해 사용되어지는 마크업 언어이다. 왜 HyperText Markup Language 일까? HyperText 는 웹페이지의 구성,구조 들이 사용자들 사이에 연결되어지고 세계적으로 뻗어 나갈 수 있다. 예를들면 한 페이지가 있고 사람들이 컨텐트를 ...

2022년 3월 14일
·
0개의 댓글
·

2022 / 2/ 23

react 라우터 react-router-dom 사용routes 안에있는 route 는 경로값을 (url 파라메터)url 파라메터는 경로가 유동적으로 변동되어질때 사용된다. react 에서 useParam() 을 사용해서 parameter 값을 꺼내서 사용할 수 있다.

2022년 2월 23일
·
0개의 댓글
·

Framework vs library

Framework 와 Library 의 가장 큰 차이점은 자율성이다. Framework 같은 경우는 정해져 있는 틀 내에서 규칙에 맞게 코드를 작성해야하지만 Library는 틀과 규칙이 정해져있지않아 개발자가 원하는대로 파일을 생성하고 코드를 작성할 수 있다. Reac

2022년 2월 9일
·
0개의 댓글
·

MySQL 연습

여행사에 대한 요구사항 분석 (고객이 여행사 사이트에서 여행상품 구매)1\. 고객들은 주민등록번호, 이름 , 여권번호, 아이디, 비밀번호를 사용하여 여행사에 가입한다.2\. 여행사는 사업 번호, 주소, 전화번호를 갖는다.3\. 한 고객은 날짜가 안 겹치는 여러 상품을

2022년 2월 8일
·
0개의 댓글
·

Next.js

Next.js 란? 화면에 렌더링하는 방식은 서버사이드 렌더링과 클라이언트 사이드 렌더링이 있는데 next.js 는 서버사이드 렌더링이다. 서버사이드 렌더링의 장점은 렌더링이 빠르다는 점이다. 최초 접속시에 javascript 과 css 파일을 다운로드 해서 화면에

2022년 2월 3일
·
0개의 댓글
·

실행컨텍스트 (Execution Context)

실행컨텍스트란?자바스크립트에는 실행컨텍스트가 있다. 자바스크립트 엔진은 코드들이 실행되기전에 어떤 변수들이 어떻게 실행이 되어야 하는지 미리 탐색을 한다. 미리 탐색 하는 과정을 실행컨텍스트가 한다. 실행 컨텍스트는 전역코드, 함수코드 등 각 코드의 스코프 환경을 지정

2021년 12월 31일
·
0개의 댓글
·

OOP (Object Oriented Programming)

OOP 란?독립된 객체 단위로 나눠 하나의 프로그래밍을 이루는 것을 OOP 라고 한다. 독립된 객체 단위로 작업이 진행 되기 때문에 유지보수측면에서 뛰어나다는 장점이 있다. OOP 작업을 하기 위해서는 4가지의 특징인 추상화,캡슐화,상속성,다형성 을 지켜야한다. 추상화

2021년 12월 30일
·
0개의 댓글
·

자료구조 / 알고리즘

자료구조란?여러 자료들을 관리하기 편하게 할 수 있도록 구조화하여 저장하는 것을 자료구조라고 한다. 데이터의 특성에 따라 체계적으로 데이터를 구조화 해야한다. (자료를 구조화하여 관리하는것)현실세계로 예를 들면학생관리학생은 학년과 반 번호를 나눠서 관리한다. 학생을 관

2021년 11월 28일
·
0개의 댓글
·

React Hooks Web socket

react를 사용하여 webscoket을 만들어봄.websocket은 http 통신을 이용하여 클라이언트와 서버 를 연결해준다. 연결후 webscoket 프로토콜로 upgrade를 시켜 프로토콜을 바꿔준다. 바뀐 websocket TCP프로토콜을 사용하며 한 서버에서

2021년 8월 2일
·
0개의 댓글
·

정규표현식

정규표현식에대해서 자세히 알아보고자 한다.정규표현식이란?문자열에서 특정한 조건의 문자를 검색할때 사용되는 "패턴" 이다.자바스크립트 정규표현식은 객체이다. 정규표현식는 다양한 method와 함께 사용된다.match(), replace(), search(), split(

2021년 7월 14일
·
0개의 댓글
·

탐욕 알고리즘 (Greedy Algorithms)

탐욕 알고리즘은 조각 조각 나눠져있는 문제를 단계별로 해결해 나아간다고 할때, 해결하는 순간마다 항상 최적의 답을 택하는 알고리즘이다. 가장 흔하고 대표적인 탐욕 알고리즘 문제는 동전문제이다.

2021년 7월 4일
·
0개의 댓글
·

다익스트라 알고리즘

다익스트라 알고리즘은 그래프 형태로 여러 노드가 주어졌을때, 한 노드에서 다른 노드로 갈수 있는 최단거리를 구할때 사용하는 알고리즘 방식이다. 시작노드에서 부터 출발하여 갈수 있는 최단거리를 선택하여 배열에 갱신한다. 거쳐 가지않은 노드들 중에서 최단거리를 선택한다.

2021년 7월 2일
·
0개의 댓글
·

React.js 의 기본

리엑트는 웹 프레임워크이고 웹 또는 앱의 view를 개발 할 수 있도록 도와주는 자바스크립트 라이브라리이다. 리액트는 컴포넌트 단위로 묶어서 관리할 수 있어서 재사용성과 유지보수에 많은 도움이된다. 컴포넌트란? 각 독립적인 기능을 가진 부품(모듈) 이라고 할 수 있다.

2021년 6월 29일
·
0개의 댓글
·

Client Side Rendering / Server Side Rendering

웹페이지가 사용자에게 보여지는 과정에 대해서 설명하세요.Client Side Rendering 과 Server Side Rendering 의 차이에 대해서 설명하세요.Bundling이 무엇이며 왜 필요한가요?프론트엔드 입장에서 신경써야 할 보안은 어떤 것들이 있나요?C

2021년 6월 28일
·
0개의 댓글
·