이진욱의코딩

이번 포스팅은 react.js(쉽게 리액트라고 부를게요) 설치하는 방법과 간단하게 구동하는 방법에 대해서 알아보도록 하겠습니다. react.js란 무엇일까요? => 컴퓨팅에서 리액트는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지 보수된다. 리액트는 싱글 페이지나 모바일 애플리케이션의 개발 시 토대로 사용될 수 있다. 당연히 js이기 때문에 자바스크립트를 기반으로 하고 있습니다. 그러므로 기본적으로 코딩을 할 수 있는 프로그램들이 필요합니다. vs code같은. 우리는 리액트를 사용할때 얀(yarn)을 사용할 예정입니다. 얀의 설치방법은 일단 얀 사이트에 접속하시면 https://yarnpkg.com/lang/en/ Ya..

이번 시간에는 함수의 사용법과 배열에 대해서 알아보도록 하겠습니다. 함수에서는 매개변수 즉, 전달 인자를 통해서 동작하는데요. 예시를 먼저 보시죠 function myinfo(name,area){ document.write(name+"이 사는 곳은"+area+" 입니다." + " "); } myinfo("이진욱,"대구"); 이런 식으로 name과 area라는 매개변수를 만든 뒤에 대입을 해서 코드를 적으시면 됩니다. 자연스럽게 사용을 하기 위해서 여러 번 사용해보시면 됩니다. 예를 들어 2019년은 기해년입니다. 를 출력해봅시다. function datt(aa,adat){ console.log(aa+ "년은 " +adat+ " 입니다."); } datt(aa,adat); 이제 함수의 우선순위에 대해 알아..

이번 시간에는 여러 가지 연산(+, -, *, /,%)을 하는 법과 비교 연산자, 논리 연산자, 함수에 대해 알아봅시다. 자바스크립트를 이용해서 여러 가지 연산을 할 수 있습니다. 덧셈, 뺄셈, 곱셈, 나눗셈을 비롯해서 나머지도 구할 수 있습니다. var a = 3, b = 5; console.log(a+b); console.log(a-b); console.log(a*b); console.log(a/b); console.log(a&b); 이렇게 console.log()를 이용해서 연산을 할 수 있습니다. var n = 1; console.log(++n); console.log(n++); 변수 n의 값에 하나하나 증감을 시킬 수 있는 증감 연산도 가능합니다. 피연산자가 하나이면 단항 연산자라고 하고 두 개..

이번 시간부터 한 달 동안은 자바스크립트에 대해 공부한 내용을 포스팅하도록 하겠습니다. 웹페이지를 구축함에 있어 각각의 역할이 있다. HTML은 문서의 구조와 내용을 구축하고, CSS는 문서를 스타일시트를 조작해 꾸미게 된다. 현재는 웹페이지가 단순히 문서를 읽는 것을 벗어나 액션이나 동적인 느낌을 표현하는 경우가 대부분이다. 이때 동적인 부분을 담당하는 역할을 자바스크립트(JS)가 맡고 있다. 우선 자바스크립트의 핵심 개념과 특징에 대해서 말씀드리겠습니다. §. 자바스크립트의 핵심 개념 1. 객체 기본 데이터 타입 boolean, number, string, null, undefined를 제외한 나머지는 객체이다. 2. 함수 일반적인 객체보다 더 많은 기능이 있는 객체. 3. 프로토타입 모든 객체는 숨..