대부분의 프로그래밍 언어에서는 변수라는 게 있을 것이다 물론 Java에서도 있고, 선언하는 방법도 틀리다. 각 나라마다 언어가 틀리듯이 프로그래밍도 각 언어마다 틀리기 때문이다 1. 변수란일단 변수란, 변하는 수라고 생각하면 되는데.... 그릇이라고 생각하자 Q. 우리 집에 그릇이 하나 있는데, 그 그릇에는 뭐가 담기는가??? A. 고기도 담기고, 야채도 담기고, 물도 담을 수 있다. 그렇다 위와 같은 느낌이라고 보면 된다! 2. 변수 선언 하기 Java에서의 변수 선언 방법은[타입] [변수이름] = [변수 값];위와 같다 그럼 직접 구현해 보자! String testString = ; 여기서 빠진 부분이 값인데 뭐가 들어갈까? String 타입은 문자열만 담을 수 있다 그럼 저번 시간에 사용했던 빨간색..
저번 시간에 왜 "" 따옴표 안에 적어야 하는지 설명한다고 했다. 혹시 안봤으면 2화를 보도록 한다 Java에서는 타입(type)이라는 게 존재한다. 현실로 생각해본다면, 액체타입, 공기타입, 고체타입이라고 생각하면 되겠다 1. Type 타입 종류 예시 문자열 "hello world" 숫자(정수) 123021 숫자(실수) 123.232 문자 'a' 참, 거짓 true 또는 false 위와 같이 이런 종류들이 있다고 보면된다. 그리고 내가 직접 만들 수도 있는데 그건 또 다음 이야기에 나올 것이다 2. 실습하기 package Test; public class TestClass { public static void main(String[] args) { // TODO Auto-generated method ..
프로그래밍을 공부했던 사람들, (python, c, java 등등등) hello World라고 하면 다들 알 것이다. 나도 hello World처럼 출력을 해 보도록 하겠다 저번 1화에서 Class까지 만들었으니, 혹시 안 본 사람들은 1화를 보도록 한다 1. System.out.println() 프로그래밍에는 공간이라는게 있다. 그건 언젠간 다음에 설명할 것이다. 코딩 씹 초보 들은 어차피 말해도 모를 거니 {} 중갈호 기준으로 공간이라고 생각하면 된다 지금은 main이라는 공간 안에서 코딩을 하면 된다 위와 같이 Sysout를 적고, 「Ctrl + 스페이스바」를 눌러보자! 그러면 이렇게 자동완성 기능으로 아래와 같이 변신하게 된다 System.out.println(); 혹시 자동완성이 되지 않는다면 ..
이제 나도 어엿한 코더(Coder)라고 생각한다. 그래서 복습할 겸 차근차근 java에 대해 끄적여 보려고 한다 java를 사용하기 위해서 아래의 URL에서 eclipse를 다운로드하도록 하자 (eclipse다운은 다른 곳에도 많으니 참고) https://www.eclipse.org/ The Community for Open Innovation and Collaboration | The Eclipse Foundation The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 375 open source projects, including runtimes, tools and frameworks. www..
이번에는 Redux라는 것을 공부한다 React에서 꼭 필요한 거라고 보면 된다 Redux란, 데이터를 전달할 때, 하나하나 거쳐가지 않고 한 번에 전달하기 위해서 사용하는 것이다. 상태를 관리할 때, 다른컴포넌트를 전달할 때, props로 전달해야 했는데, 한 번에 전달할 수 있는 별도의 store라는 저장소에 저장해서 사용할 수 있다 예를 들면, 공공기관에 전화했는데, 〇〇부서로 전화 해보시겠어요? 그 〇〇부서 전화하면 또 부서에서 〇〇부서로 전화해 보세요 라고 하면 깊은 빡침이 생길 것이다. Redux를 쓰게 한다면 그런 뻉뺑이 없이 바로 전화통화가 가능하게 하는 좋은 일이 생긴다고 한다 1. Redux 설치 npm install react-redux 2. 실험대상인 component를 생성한다 T..
드디어 라우팅이라는 것을 공부한다 앙귤러. js나 Vue.js에도 라우터가 있는데, 리엑트도 있을 거라 생각하고 많이 사용할 것 같기때문에 꼭 공부해야지라고 생각했다 리엑트 라우터란, 리엑트는 컴포넌트 기반이라서, 싱글 뭐시기ㅣ 페이지라 해서 페이지를 하나만 써야 하고, 새로고침이 되어선 안된다고 하더라, 그래서 링크를 클릭했을 때 바꿔 치겠끔 해주는 것을 한다 일단 시작하자 1. 라우터 설치 npm install react-router-dom 2. 실습 재료 만들기 (컴포넌트 만들기) 이렇게 page1.js 와 page 2.js를 만들어 준다 (앞글자는 대문자로 하자..) Page1.js const Page1 = () => { return( Page1 입니다 ); } export default Page..
이번 시간에는 useEffect를 사용해 보겠다 useEffect란? 최초 실행을 할때와 내가 원하는 시점에 실행되게끔 하는 함수이다 이렇게 말하면 모를 것 같으니 실습 바로 들어간다 1. Improt 하고. 함수 작성법 import './App.css'; import {useEffect, useState} from 'react' function App() { useEffect(() => { }); return ( ); } export default App; 일단 react에 있는 useEffect를 Import 해주고 그 밑에 다가 useEffect함수를 작성한다 2. 실습 재료 작성 useState에다가 숫자 아무거나 넣어서 하나 작성하고 useEffect에는 set함수를 통해 값을 넣어준다 그다음은..
이번 시간에는 useRef를 사용할 것이다 useRef는 참조한 DOM객체를 뜻한다 일단 뭔 말인지 모를 것이니, 바로 실습 들어간다 사용방법은 useRef를 Import 한 뒤에 아래를 추가한다. 밑에 화면을 참조하도록 하자 const myRef = useRef(); 그리고 테스트를 해보기 위해서 TextBox 2개랑 Button 하나만 추가해 보자 그다음은 myRef를 어디 어떻게 쓰는지 보여주도록 하겠다 당신이 원하는 DOM에다가 속성 ref를 추가하고 값을 저렇게 넣어주면 된다 그다음 함수 ( clickEvent )를 만들어 볼까? const clickEvent = () => { console.log(myRef.current); } 함수를 추가하고 console.log로 한번 내용을 보도록 하자 ..
