New: hive-196354All contenthive-129948hive-196917krhive-183959steemzzanhive-180932photographyhive-166405hive-144064uncommonlabhive-185836bitcoinhive-183397hive-150122krsuccesshive-188619hive-101145lifehive-139150hive-124908hive-109690hive-103599hive-145157hive-184714TrendingNewHotLikersajerang (45)in hive-196354 • 4 years agoJS 코딩 #09 - 연산자(Operators) 1안녕하세요, 이번 시간에는 자바스크립트 연산자에 대해 알아보겠습니다. 1. 산술 연산자 (Arithmetic Operators) 산술 연산자는 숫자에 대한 계산을 수행하는데 사용됩니다. 아래 코드를 클릭하여 라인주석을 제거하면서 산술 연산자를 시험해보세요: 2. 할당 연산자 (Assignment…ajerang (45)in hive-196354 • 4 years agoJS 코딩 #08 - 변수 (Variables)안녕하세요, 이번 강의에서는 자바스크립트 변수에 대해 알아보겠습니다. 변수는 데이터 값들을 담는 저장소입니다. 아래는 var 키워드를 사용해 변수 x , y , z 를 선언한 예입니다: 위 코드에서 변수는 어떻게 사용되었나요? 변수 x 에 값 3 을 저장합니다. 변수 y 에 값 9 를…ajerang (45)in hive-196354 • 4 years agoReact 코딩 #08 - 리액트 상태 (React State)안녕하세요, 이번 강의에서는 리액트 상태(state)에 대해서 알아보겠습니다. 리액트 컴포넌트는 내장 state 객체를 갖고 있습니다. state 객체는 컴포넌트에 속한 속성 값들을 저장하는 곳입니다. state 객체가 변경되면 해당 컴포넌트는 다시 렌더링됩니다. 1. state 객체 생성하기…ajerang (45)in hive-196354 • 4 years agoReact 코딩 #07 - 리액트 속성 (React Props)안녕하세요, 이번에는 지난 강의 에 잠깐 소개했던 Props 에 대해 좀 더 알아보도록 하겠습니다. Props 는 리액트 컴포넌트에 전달되는 인수들(arguments)입니다. Props 는 HTML 속성을 통해 전달하는 것과 유사합니다. 1. 리액트 Props 리액트의 속성은, 자바스크립트 문에서 함수에…ajerang (45)in hive-196354 • 4 years agoJS 코딩 #07 - 자바스크립트 주석 (JavaScript Comments)안녕하세요, 이번 시간에는 자바스크립트 주석에 대해 알아보겠습니다. 주석은 코드의 해석을 돕기 위해 주로 사용 되며, 특정 코드가 실행되지 않도록 임시로 막거나 테스트용 코드를 작성할 때도 사용됩니다. 대부분의 컴퓨터 언어에서 주석 구문을 지원하지만 언어마다 사용방법은 조금씩 다를 수 있습니다. 1. 한 줄 주석 (Single Line…ajerang (45)in hive-196354 • 4 years agoReact 코딩 #06 - 리액트 컴포넌트안녕하세요, 이번 강의에서는 리액트 컴포넌트(Components)에 대해 알아보겠습니다. 1. 리액트 컴포넌트 리액트 컴포넌트는 HTML 요소(elements)들을 반환하는 함수로서 독립적이며 재사용 가능한 UI(User Interface) 요소 입니다. 컴포넌트는 클래스 컴포넌트와 함수 컴포넌트의 두 가지 유형으로 제공되며…ajerang (45)in hive-196354 • 4 years agoJS 코딩 #06 - 자바스크립트 구문 (JavaScript Syntax)안녕하세요, 이번 강의에서는 자바스크립트 구문에 대해 대략적으로 살펴보겠습니다. 여기에서 구문(Syntax) 은 자바스크립트 프로그램이 구성되는 규칙들(rules)의 집합을 의미합니다: 💡Line 2의 let 키워드는 ES6 에 도입된 것으로, 값이 변경될 수 있는 변수(variables)를…ajerang (45)in hive-196354 • 4 years agoReact 코딩 #05 - JSX (JavaScript XML)안녕하세요, 이번 강의에서는 리액트 기반의 앱 개발을 효율적이고 편리하게 해주는 JSX 에 대해 알아보겠습니다. 1. JSX 란? JavaScript XML(Extensible Markup Language) 의 약자입니다. React 에서 HTML을 사용할 수 있게 해줍니다. HTML을 좀 더 쉽게 작성하고…ajerang (45)in hive-196354 • 4 years agoReact 코딩 #04 - HTML 렌더링안녕하세요, 이번 시간에는 리액트로 HTML을 렌더링하는 방법에 대해 알아보겠습니다. 리액트는 ReactDOM.render() 함수를 이용해 HTML 을 웹 페이지에 표현할 수 있습니다. 1.Render 함수 ReactDOM.render() 함수는 두 개의 인자를 받습니다. 하나는 HTML 코드 이고 다른 하나는 HTML…ajerang (45)in hive-196354 • 4 years agoJS 코딩 #05 - 자바스크립트 문 (JavaScript Statements)안녕하세요, 이번 강의에서는 자바스크립트 문(statements)에 대해 알아보겠습니다. 1. 자바스크립트 프로그램 하나의 컴퓨터 프로그램은 컴퓨터에 의해 실행되는 명령문들 (a list of instructions)의 조합으로 이루어집니다. 프로그램 언어에서, 이러한 프로그래밍 명령문들을 statements(문) 라고…ajerang (45)in hive-196354 • 4 years agoReact 코딩 #03 - ES6안녕하세요, 이번 시간에는 리액트를 본격적으로 배우기 앞서 ES6 에 대해 간단히 짚고 가도록 하겠습니다. 1. ES6 이란? ES6 은 ECMAScript 6 의 짧은 표현입니다. ECMAScript 는 JavaScript 를 표준화 하기 위해 만들어졌으며, ES6은 ECMAScript 의 6번째 버전으로 2015년에…ajerang (45)in hive-196354 • 4 years agoJS 코딩 #04 - 자바스크립트 Output안녕하세요, 이번 강의에서는 자바스크립트의 출력(output) 기능에 대해 알아보겠습니다. 여기서 '출력' 이란 자바스크립트를 이용해 화면에 정보를 표현하는 것을 뜻합니다. 다음은 자바스크립트의 출력 방법들을 나타냅니다. innerHTML : HTML 요소 하위에 데이터를 표현 document.write() : HTML…ajerang (45)in hive-196354 • 4 years agoSolidity 코딩 #01 - 솔리디티 소개안녕하세요, EVM(Ethereum Virtual Machine) 상에서 스마트 계약(Smart Contracts) 을 개발하기 위해 고안된 언어인 솔리디티(Solidity) 코딩 연재를 시작합니다. *연재 내용은 Solidity 문서 를 참고하여 의역하거나 설명 자료를 덧붙여 작성할 예정입니다. 코드와 관련된 부분은…ajerang (45)in hive-196354 • 4 years agoReact 코딩 #02 - 시작하기 (Getting Started)이번 강의는 리액트 개발을 위한 환경 설정과 'Hello World' 앱을 만들어 보겠습니다. Agenda 실행환경 HTML 파일에 직접 코딩해보기 React 환경 갖추기 리액트 앱 실행하기 리액트 앱 수정하기 1. 실행환경 React 는 별도의 설치파일 없이도 HTML 문서 내에서 직접 코딩해볼…ajerang (45)in hive-196354 • 4 years agoJS 코딩 #03 - 자바스크립트 위치이번 강의는 HTML 문서 내에서 자바스크립트가 어디에 위치할 수 있는지 알아보겠습니다. Agenda 태그 사이에 삽입될 수 있습니다. 예제를 보겠습니다. (이미지를 클릭하면 codepen.io 에서 직접 코딩해볼 수 있습니다) 다음과 같이 type 속성에 text/javascript 를 명시하지 않아도 HTML…ajerang (45)in hive-196354 • 4 years agoReact 코딩 #01 - 리액트 소개안녕하세요, 리액트 코딩 첫 강의입니다. 강의는 React 사이트 와 w3schools.com 의 내용을 참고하여 진행하게 됨을 알려드립니다. 1. 리액트 소개 작성 언어: 자바스크립트 플랫폼: Web platform 안정화 버전: 16.13.1 / 2020년 3월 19일 개발자: 페이스북 및…ajerang (45)in hive-196354 • 4 years agoJS 코딩 #02 - 시작하기 (Getting Started)이번 강의에서는 자바스크립트로 할 수 있는 것들을 몇 가지 예제들을 통해 알아보겠습니다. Agenda HTML 내용 바꾸기 HTML 속성 값 바꾸기 HTML 스타일(CSS) 바꾸기 HTML 요소 숨기기 HTML 요소 보이기 1. HTML 내용 바꾸기 getElementById()…ajerang (45)in hive-196354 • 4 years agoJS 코딩 #01 - JavaScript 소개Agenda 자바스크립트란? 언어적 특징 왜 공부해야 하는가 웹 프로그래밍 요소 공부하는 방법 자주 묻는 질문 레퍼런스 1. 자바스크립트란? 자바스크립트(JavaScript) 는 ECMAScript 명세를 따르는 프로그래밍 언어로서 HTML, CSS와 함께 웹 브라우저…ajerang (45)in hive-196354 • 4 years agoSTEEM 코딩 #0 - JS: 프롤로그오늘부터 스팀 개발자 포털 (Steem Developer Portal)을 톺아보려 합니다. 어쭙잖게 쌓은 코딩 경험에 노장이라 속도는 더디겠지만 스팀을 가장 잘 알 수 있는 방법은 이게 제일이다 싶어 도전해봅니다. 아재도 할 수 있다! 공부하면서 알아가는 No하우들을 이 곳에서 공유하고 토론할 수 있으면 더할나위 없이 좋겠네요. 그럼 시작해…