전체 글

[JavaScript] 자바스크립트의 구성

자바스크립트 프로그래밍 언어를 해석하는 기법은 크게 번역 기법(컴파일러가 이에 속함)과 인터프리터가 있다. 컴파일러 : 고급언어로 작성된 프로그램을 미리 원시언어로 번역해 프로그램을 생성 인터프리터 : 실행과 동시에 한 줄 씩 원시언어로 번역하는 기법 자바스크립트는 컴파일러를 통하는 언어가 아니라, 인터프리터 기법으로 한 줄 씩 기계어로 번역된다. 언어 수준이 비교적 간단하지만 컴파일러보다 속도가 느리고 오류를 검출하기 어렵다. 또한, 호이스팅이라는 개념으로 변수(var 타입)와 함수가 최상단으로 끌어올려지는 특징이 있다. DOM (Document Object Model) 객체 지향 모델로 구조화된 문서를 표현하는 방식이다. 프로그래밍 언어가 구조, 스타일, 내용 등을 변경할 수 있도록 하며 XML과 H..

[React] Redux Thunk (미들웨어)

MiddleWare MiddleWare는 Redux의 핵심적인 기능으로 액션과 Reducer 프로세스 사이에 위치하며, 액션이 dispatch 된 후 MiddleWare를 통해 비동기 작업을 처리하고 이 후 Reducer로 작업 결과를 보내준다. 쉽게, 본래 dispatch는 액션만을 받을 수 있지만, MiddleWare를 사용하면 함수를 입력받을 수 있다. 기본 형태 import { createStore, applyMiddleware } from 'redux'; const middleWare = (store) => (next) => (action) => { //다음 MiddleWare로 액션을 전달해준다. //만약 다음 MiddleWare가 없다면 Reducer로 액션을 전달한다. //next()를 사..

[React] Redux 이해하기

Redux는 Context API를 기반으로 만들어진 상태 관리 라이브러리로 reducer와 action이라는 개념 또한 존재해 상당히 유사하다. 프로젝트의 규모에 따라 Context API만으로도 충분하다. Context API와의 차이점 Context API와의 주된 차이점은 미들웨어이다. 미들웨어는 Action 객체가 Reducer에서 처리되기 전에 원하는 작업을 수행할 수 있다. 액션이 무시되게 하거나 액션 발생시 다른 액션을 발생, 서버에 로깅 등을 하는 등 비동기 처리를 할 수 있게 한다. 그리고 useSelector, useDispatch, useStore와 같은 Hooks를 사용할 수 있다. 마지막으로 Context API와는 다르게 모든 글로벌 상태를 하나의 객체에서 관리할 수 있다. 구..

[Git] Git 파해치기 (엘리스SW트랙 1주차)

Git이란? 코딩을 접해본 사람이라면 알고 있는 Github는 Git을 사용한 서비스이다. Git은 로컬에서 동작하여 버전 관리를 해줌으로서 효율적인 협업이 가능하게 하는 시스템이며, Github는 클라우드 서버를 이용한다는 것이 다르다. 규모가 큰 곳의 경우 Git 서버를 자체적으로 구축하여 사용 하곤 한다. Git의 특징 가지치기와 병합 : 여러 가지(branches)를 생성해 독립성을 유지하면서 여러 버전으로 개발이 가능하다. 가볍고 빠르다 : SVN(중앙 시스템)에 비해 깃은 로컬에 프로젝트가 존재하기에 네트워크 속도와 관계 없다. 분산작업 : 사용자들은 각각 복사된 프로젝트에서 독립된 작업이 가능하다. 이들은 모두 전체 코드를 가지고 개발에 집중할 수 있으며 Git에서는 통합관리자를 두어 역할을..

[HTML/CSS] 기초 문법

웹 사이트 제작시 고려사항 웹 표준 : 웹에서 요구하는 공식 표준이나 기술 규격을 만족하는지 여부 웹 접근성 : 장애 여부와 상관 없이 모두가 웹 사이트를 이용할 수 있는지 여부 크로스 브라우징 : 모든 브라우저와 기기에서 웹사이트가 제대로 작동하는지 여부 HTML html 문서 구조 - html5로 문서 선언 기본 태그 image 태그 alt 속성은 웹 접근성을 고려하는 옵션으로, 시각장애인들이 사용하는 스크린 리더 프로그램에서 읽힌다. h 태그 태그는 가장 중요한 정보만 담으며, 하나의 html 문서에서 한 번만 사용하자. p 태그 Paragraph의 약자로 본문을 담는다. ol / ul 태그 ol은 Ordered list, ul은 Unordered list의 약자로 나열할 때 사용하며 태그를 자식으..