BlogHide Resteemsajerang (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 리액트의 속성은, 자바스크립트 문에서 함수에…resteemedsteemitblog (77)in steem • 4 years agoThe Integration of TRX and Steemit is Coming, Stay Tuned!In February 2020, Steemit and the Tron Foundation entered into a strategic partnership. As a result of that partnership we are delighted to announce the integration of the TRON token, TRX, into…ajerang (45)in hive-196354 • 4 years agoJS 코딩 #07 - 자바스크립트 주석 (JavaScript Comments)안녕하세요, 이번 시간에는 자바스크립트 주석에 대해 알아보겠습니다. 주석은 코드의 해석을 돕기 위해 주로 사용 되며, 특정 코드가 실행되지 않도록 임시로 막거나 테스트용 코드를 작성할 때도 사용됩니다. 대부분의 컴퓨터 언어에서 주석 구문을 지원하지만 언어마다 사용방법은 조금씩 다를 수 있습니다. 1. 한 줄 주석 (Single Line…resteemedjungjunghoon (78)in kr • 4 years ago스팀 페스트 코리아 2020 연기 공지안녕하세요 여러분 안타까운 소식을 전하게 되었습니다 스팀 페스트 코리아 2020를 연기하기로 결정하였습니다 코로나가 현재 위험한 상황이라 코로나의 위험성이 낮아진 후에 진행하기로 하였습니다 많은 관심을 보여주신 여러분께 죄송한 말씀 드리며, 후속조치는 바로바로 알려드리기로 하겠습니다 행복한 하루 되세요~ajerang (45)in kr • 4 years ago토큰 이야기 - Golem 토큰 마이그레이션 (GNT to GLM)본 내용은 골렘 웹 사이트의 내용을 토대로 개인적 경험을 공유한 것입니다. 개인의 실수로 인해 발생한 문제나 금전적 손실에 대해서는 아무런 책임이 없음을 알려드립니다. 인터넷을 통해 정보를 충분히 숙지하신 후 진행하시길 바랍니다. 안녕하세요, 오늘은 골렘(golem) 토큰 마이그레이션에 대한 이야기 입니다. 골렘은 총 10억개의…ajerang (45)in hive-196354 • 4 years agoReact 코딩 #06 - 리액트 컴포넌트안녕하세요, 이번 강의에서는 리액트 컴포넌트(Components)에 대해 알아보겠습니다. 1. 리액트 컴포넌트 리액트 컴포넌트는 HTML 요소(elements)들을 반환하는 함수로서 독립적이며 재사용 가능한 UI(User Interface) 요소 입니다. 컴포넌트는 클래스 컴포넌트와 함수 컴포넌트의 두 가지 유형으로 제공되며…resteemedjungjunghoon (78)in kr • 4 years ago스팀 페스트 코리아 2020스팀 페스트 코리아가 눈 앞에 다가왔습니다 코로나 때문에 힘든 상황에서도 한국 유저들이 자발적으로 모임을 주최하고 재단의 참여를 이끌어 내고 있는 만큼 여러분의 적극적인 참여 없이는 모임 자체가 불가능합니다 스팀의 발전을 원하신다면 스팀 페스트 코리아에 참가해 주세요 스팀 페스트 코리아 참가 신청 일시 2020년 12월 5일(토)…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…resteemedjungjunghoon (78)in kr • 4 years ago[이스라엘 이야기] 모사드가 비행기를 조립하던 술집이 있다고? - 위스키 뮤지엄아직은 코로나 때문에 가기 힘든 나라지만 언젠가는 허락되길 희망하며 [이스라엘 이야기]를 계속 이어가 봅니다. 이스라엘인들은 술을 사랑합니다 그래서 술집들이 많지만, 특별한 술집을 한 곳 소개해 드립니다 =============================== 1. 성경의 이야기를 따라 성지 순례 1)…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…