개발/기타(15)
-
[React] setInterval 메소드를 통한 상태(State) 갱신
브라우저의 타이머 함수인 SetInterval()을 사용해서 상태를 갱신 할 수있다. 예제를 보자. 아래 코드에서 constructor 함수는 Clock Class의 생성자다. constructor 메소드를 먼저 살펴보면 super()를 통해서 부모 클래스의 생성자를 실행한다. 그 다음 Clock Class에서 구현한 launchClock()을 실행하는데 여기서 setInterval() 메소드를 사용한다. 첫번째 인자가 실행할 구문이고 , 두번째 인자가 interval time이다. 여기서는 1000밀리초로 설정했으므로 1초마다 console.log()와 this.setState()를 실행하게 된다. this.setState를 통해서 1초마다 state의 currentTime을 수정한다. class Cl..
2020.09.13 -
[React] JSX의 if/else문
가장 기본적이고 제일 익숙한 모습의 if/else문 render(){ let link if (this.props.user.session){ link = Logout else link = Login return {link} } 즉시실행함수를 사용한 방법. link(this.props.user.session) 과 같은 방식으로 sessionFlag 파라미터에 값을 할당한다. render(){ let link = (sessionFlag) => { if (sessionFlag) link = Logout else link = Login } return {link(this.props.user.session)} } link 변수를 사용하지 않고 즉시실행함수를 사용한 방법. 위 코드의 return을 보면 아래와 같이 ..
2020.09.09 -
[React] 변수 및 속성, 메서드 사용
1. 변수 React에서 아래와 같이 ` (백틱) 과 ${변수명}을 통해서 변수 사용이 가능하다. class DateTimeNow extends React.Component { render() { return React.createElement( 'span', null, `Current date and time is ${dateTimeNow}` } } ReactDOM.render( DateTimeNow, document.getElementById('content') ) JSX방식을 사용하면 중괄호 표기법을 사용하여 변수사용을 좀더 간결하게 할 수있다. let helloWorldReactElement = Hello world! class HelloWorld extends React.Component { r..
2020.09.08 -
MyBatis 사용 예제 ( feat. Spring Boot , MariaDB )
Spring Boot에서 MyBatis를 사용할때마다 구글링하는 자신의 모습을 발견하고 까먹기전에 셋팅방법을 기록한다. 0. 구조 아래와같이 controller, domain, mapper, service 폴더를 생성한다. 1. pom.xml 작성 pom.xml에 2개의 dependency를 등록한다. 1. 로컬에 MariaDB로 DB를 구성했기때문에 MariaDB JDBC를 등록했다. JDBC는 Java로 DB에 접근 및 제어를 가능하게 해주는 API다. 2. mybatis는 JDBC를 좀 더 편하게 사용할 수 있도록해주는 라이브러리인데 JDBC의 결과 및 설정 매핑을 대신해주고, 결정적으로 mybatis를 사용하면 Java 코드가 간결해진다. .... org.mariadb.jdbc mariadb-ja..
2020.08.22 -
Anaconda에서 자주 사용하는 명령어
아나콘다 쓰면서 자주 사용하는 명령어들 정리. # anaconda 버전확인 anaconda --version # 가상환경 생성 python 3.5버전의 가상환경을 생성하기 위해서 아래와 같은 명령어를 입력 conda create -n [가상환경명] python=3.5 # 생성된 가상환경 목록 확인 conda info --envs # 가상환경 삭제 conda remove --name [가상환경명] --all # 가상환경 접속 conda activate [가상환경명] # 가상환경 접속 해제 conda deactivate # 패키지 설치 패키지를 설치하기 위해서 `pip install`과 `conda install`이 있는데, 가상환경에 접속한 상태에서 수행하면 해당 환경에만 패키지가 설치됨. `pip ins..
2020.04.11 -
[Django] 프로젝트 폴더 생성하기
#1 프로젝트 폴더 생성하기 1. Anaconda를 실행하고 프로젝트를 생성할 디렉터리로 이동한다. 2. Anaconda에서 django-admin startproject mysite 명령어를 실행한다. 3. 해당 명령어를 실행하면 mysite라는 프로젝트 폴더가 생성된다. 4. Anaconda에서 mysite프로젝트 폴더로 이동해서 python manage.py runserver명령어를 실행한다. 5. 해당 명령어를 실행하면 로컬 서버가 활성화되며https://127.0.0.1:8000를 통해서 결과 화면을 확인할 수 있다. #2 프로젝트 폴더 구조 mysite라는 이름으로 프로젝트를 시작하면 아래와 같은 파일들이 생성된다. 주요 파일들을 살펴보자. ( django 버전에 따라 생성되는 파일들의 목록이..
2020.02.02