본문 바로가기

장원익 기술블로그

📺 Front End71

[리액트 분석하기] React를 분석해보자. (부제 :: create-react-app에 대해 분석해보자) 리액트란 무엇일까? 리액트는 페이스북에서 개발하고 관리하는 UI 라이브러리다. 사람들이 대부분 오해하고 있는데, 리액트는 프레임워크가 아니라 라이브러리이다. 우리가 알고있는 여러 javascript 프레임워크들과 확실히 다르다. 사람들이 오해하는 또 다른 내용은 React는 웹 개발에 모든 것을 제공한다고 알고 있는데, 사실 React는 UI를 조금 더 효율적으로 구조적으로 작성할 수 있게 해주는 UI라이브러리이다. React 입문하기 우리가 라이브러리로 개발을 하기 위해선 우리에게 필요한 라우팅, 빌드 환경 구성, 분석등과 같은 세팅을 직접 구성해야 한다는 점이 있다. 예전에는 개인들이 내는 Bolierplate 리액트에 의존해서 개발을 했다고 하는데, 그에 따른 각각 다른 환경에 불편함을 느낀 개발자.. 2020. 7. 19.

[리액트 분석하기] 우리는 왜 자바스크립트 라이브러리나 프레임워크를 이용해야 할까? 우리는 웹을 개발하려면 HTML / CSS / Javascript를 사용해야 한다는 것은 개발을 배워본 누구나도 쉽게 생각해 낼 수 있다. 하지만 우리는 왜 React, Vue, Angular와 같은 라이브러리나 프레임워크를 사용해서 개발을 해야 할까? 단지 쉽게 개발을 하기 위해서? 편한 구조를 위해서? 그에 대한 대답을 제대로 할 수 있는 사람이 되어보자. 사용해야하는 이유 사용해야 하는 가장 큰 이유를 먼저 이야기 해보자면 *_UI 업데이트 *_이다. 우리가 만들 웹 앱은 단순히 정보를 보여주는 것에서 끝나는 게 아니라, 프로그램의 상태가 변경된다면 동적으로 사용자에게도 변경된 UI를 제공하여 반응 해야 한다. 그리고 라이브러리나 프레임워크는 UI를 자동으로 업데이트 해준다는 점에서 우리는 이에 대.. 2020. 7. 19.

[Javascript-Core] 자바스크립트의 null과 undefined 내 주 언어는 자바이다. 자바에서 보통 값이 없음을 표현하는 방법은 대표적으로 null이 있다. Spring 개발을 하다가 자주 마주하게 되는 nullPointException. 하지만 자바스크립트에서 없음을 표현하는 방법은 2 가지가 있다. null undefined 오늘 알아볼 것은 이 두 가지 없음을 표현하는 방법이다. null null은 대표적으로 값이 없음을 의미한다. null은 변수 할당 과정에서 참조하고 있지 않음을 나타낸다. 하지만 우리가 null을 만나기 위해서는 임의적으로 null이라는 것을 할당해줘야 하므로 데이터 타입으로 분류한다. 이러한 null을 고의적인 비할당이라고 표현하기도 한다. undefined undefined는 변수를 생성하고 아직 할당되지 않았음을 의미한다. 이런 상.. 2019. 11. 29.

[Javascript-Core] 변수의 선언 var과 let 그리고const의 차이 :: Difference among var and let and const 자바스크립트를 학습하기 위해서 책을 봤을 때, 대부분의 책에서 var으로 변수를 선언하라고 가르친다. 하지만 내가 예전에 소마를 준비할 때 소마 시험을 위해 잠깐 자바스크립트를 공부했던 적이 있는데, 그 때 var대신 let으로 변수를 선언하라고 했던 글을 본 적이 있었다. 오늘은 그 두 차이점을 확실히 비교해보고 넘어가보자. 결론 var let const 재선언 O X X 재할당 O O X 생존 범위 Funtion Scope(함수) Block Scope(중괄호) Block Scope(중괄호) 변수 자바스크립트에서도 다른 언어와 같이 변수에 값을 담을 수 있다. 변수는 variable으로 변할 수 있는 데이터를 담는 그릇의 역할을 수행한다. 우리가 변수를 사용하는 이유는 각각 다른 알고리즘을 통해서 특정.. 2019. 11. 29.

[Javascript-Core] JavaScript 의 특징과 다른 언어와의 차이점 Javascript와 다른 언어의 차이점 컴파일러와 인터프리터 자바스크립트를 이해하기 위해서는 컴파일러와 인터프리터의 차이를 이해하는데에서 부터 시작한다. 컴파일 언어 소스코드를 실행하기 위해서는 기계어로 번역하는 과정이 필요한데 이러한 과정을 컴파일(Compile) 이라고 한다. 이러한 컴파일을 수행하는 언어를 컴파일 언어 라고 하는데 대표적인 예로 C, C++, C# 등이 있다. 컴파일 언어는 컴파일 하는데 시간이 오래 걸리지만 실행되는 속도가 빠르다는 장점이 있다. Build Time Source에 대한 기계어 번역 Run Time 기계어 번역 후 기계로 전달. 인터프리터 언어 자바스크립트는 인터프리터 언어로 프로그램의 소스코드를 한 줄마다 기계어로 번역하는 방식을 취하고 있는데 이는 한 줄 한 줄.. 2019. 11. 29.

6. HTML 폼 태그 폼(form) 웹에서는 사용자에 대한 웹 서버의 일방향적 정보 전달 뿐 아니라 사용자와 웹 서버간의 데이터를 주고받아야 한다. 이러한 양방향적 특성을 위해 태그를 사용한다. 폼 태그의 사용 폼 태그 HTML 문서에서 폼을 통하여 사용자의 입력 데이터를 웹 서버로 전송한다. 태그 안에 또다른 태그를 포함하는 것은 불가능하다. action : 데이터를 처리할 프로그램의 rul method : 데이터를 서버에 전달하는 방법 get : query string이 그대로 url에 나타나며 데이터 양이 제한되고 노출된다. post : message body에 포함시켜 서버에게 전달되며 양의 제한이 없으며 데이터가 노출되지 않는다. encrypte : "application/x-www-form-urlencoded(기본.. 2019. 11. 29.

이전 1 ··· 8 9 10 11 12 다음

티스토리툴바