CodeHoon

깃 명령어로 코드 파일들을 저장·게시 해놓으려고 했는데 push 하니까 해당 에러가 발생...

github url에 한줄 띄어쓰기가 되어있다고 하는 것 봐서는 정규표현식이 작용된 것으로 생각 된다.

구글링에도 해당 내용은 없음 /R 때문인가?

근데 어떻게 해야하나 ;;

일단 업무 먼저 하고 해당 내용 해결해야겠음.

$ git push origin master
warning: url contains a newline in its path component: https://github.com/Hoon-Hub/REACT-JS.git
/
fatal: credential url cannot be parsed: https://github.com/Hoon-Hub/REACT-JS.git
/

자바스크립트 공부 초반에 만들어보았던 시계 만들기를 리액트로 진행해보겠습니다.

html 작성 내용은 이렇구요,

root라는 id를 가진 div 하나 생성.

    <div id="root"></div>

해당 div에 출력할 Script(React.js) 작성 

<script type="text/babel">
        class App extends React.Component {
            constructor (props) {
                super(props)
                // state 속성에 time 객체 저장
                this.state = {
                    time : new Date()
                }
            }

            render () {
                return <h1>{this.state.time.toLocaleTimeString()}</h1>
            }

            // 컴포넌트가 화면에 출력될때 
            componentDidMount() {
                this.timerId = setInterval( () => {
                    this.setState({
                        time: new Date()
                    })
                    console.log('ticking')
                }, 1000)
            }

             // 컴포넌트가 화면에서 제거 될 때
            componentWillUnmount() {
                clearInterval(this.timerId)
                console.log('ticking end')
            }
        }
    
    
        const container = document.querySelector("#root")
        ReactDOM.render(<App />, container)
    </script>

해당되는 내용에서 컴포넌트(Component)가 언마운트(Unmount) 되는 경우는 없긴한데, 임시로 만들어놓았습니다.

다음에는 event와 연동하는 내용으로 작성할 수 있도록 하겠습니다.

그냥 이뻐서 스샷 찍었다

Raft에는 상당히 색감 구현을 잘 한 배경이 존재한다.

게임 하던 와중 주변을 둘러보세요.

노을도 상당히 아름다워요

Raft : Vasagatan 바사가탄 공략입니다.

크루즈에 들어가 탐험하고 생존하는 스토리입니다. 

출발전, 물과 식량을 충분히 챙겨주세요.

추가적으로 실내가 생각보다 어둡습니다. 랜턴 챙기실려면 챙기세요!

최종적으로 가장 위층으로 올라가 폭탄을 설치하여 문을 부수고,

들어가서 엔진 같은 청사진을 얻는 것이 목표다.

엔진 좋음. 매우 좋음.

난이도 : 어려움으로 하루하루 급급하게 생존하던 와중에 생존일 38일이 되어 스토리를 시작했다.

여기 귀여운 duck이 있습니다.

본론으로 돌아와 첫번째 메인 스토리, 라디오 타워 #1782 깨도록 하겠습니다. 

레이더를 이용해 라디오 타워 [¤] 로 향합니다.

이곳에 도착해서 열심히 돌아다니면서 파밍 하다가 위쪽 올라가야 합니다.

오른쪽으로 가면 구석탱이에 계단 있어요.

거기로 달려서 뛰어올라가세요! 

이렇게 라디오 타워는 공략을 딱히 안봐도 될 정도로 난이도랄게 없습니다. 

난이도가 있다고 말할건.. 음... 메인 스토리 자체가 있다는걸 아는 것 정도...

약 일주일 간 Steam - Raft : 어려움 모드로 시작하여 맨땅에 헤딩으로 진행하여 결국 엔딩.

(추가 업데이트 아직 안됨)

후기 : 어려움으로 꾸밀 생각하지 마라 진짜.

판자, 플라스틱 미친듯이 부족하고 개고생한다 ㅠㅠ

다음 챕터3 : #5501 Varuna(바루나)가 진행될 예정인 것 같다.

얼른 업데이트 됐으면 좋겠다. 

창작 모드로 배 하나 만들어볼까 한다ㅋㅋㅋ 

스팀 게임을 하던와중 F12 로 스크린샷을 촬영할 수 있는걸 알 수 있습니다.

하지만 경로를 찾기가 어려웠죠...(저도)

1. 해당 게임 클릭

2. 우측 하단 "스크린샷" 항목 -> [ 스크린샷 ㅇㅇ개 관리 ] 클릭

3. 스크린샷 업로더 - [ 디스크에서 보기 ] 

4. 폴더에서 확인

경로는 대충 (C:\Program Files (x86)\Steam\userdata\162675005\760\remote\648800\screenshots) 였네요.

아마 게임마다 다를 거라 생각합니다.

여러가지 문법들 중

JSX 문법에 대해 작성하도록 하겠습니다.

REACT에서 사용하는 JSX 문법 예제

<TAG> { 표현식 } </TAG>

<TAG ATTR= { 표현식 } />

이렇게 작성하는데,

주의 할 점은 ATTR(속성) 부분에 따옴표를 작성하지 않는 것이다.

HTML 에서는 ATTR = " " 이런식으로 작성해주어야 함.

과거 JSX라는 용어를 처음 들었을 때에는

이게 도대체 뭔 🐶소리인가 했는데, 이제 또 보니까 바로바로 흡수되는게 신기하다.