JS로 코테를 볼 것을 대비하여 C++과 다른 함수들을 정리해보았다.

 

 

<문자열 관련>

 

var s = "abcde" 

var num = 25 

라고 했을 때

 

var  a = s.split(끊을 기준) - 기준으로 끊어서 배열에 나눠 저장. 예를 들어 var a = s.split('c')하면 a[0] = "ab", a[1] = "de"가 저장된다.

s.substring(시작, 끝+1)  - 예를 들어 s.substring(0,4) 하면 abcd로 끊긴다.

s.substr(시작, 끊을 크기) - 예를 들어 s.substr(1,2)하면 bc로 끊긴다.

 

String( 문자열로 바꿀 값 ) 

Number( 숫자로 바꿀 값 ) 

num.toString( 이 수는 몇 진수로 변환할거야? - 없으면 디폴트값 10진수 ) -  숫자를 문자로 변경한다.

 

<수학 관련>

 

Math.min(비교할 값1, 비교할 값2, 비교할 값3..... ) - C++의 min함수와 동일 

반응형

'Coding > JavaScript' 카테고리의 다른 글

JavaScript 화살표 함수와 일반 함수의 차이  (0) 2020.06.09
JavaScript 구조 분해 ( Destructuring )  (0) 2020.05.17
ESLINT와 Prettier란?  (0) 2020.04.12
javascript 문자열 내 포함 여부 includes  (0) 2020.02.28
javascript 문자(열) 아스키 코드 ascii code로 변환 혹은 읽는 법  (0) 2020.02.27

별로 어려운 것은 아니지만, 찾아보니 잘 적힌 설명이 없어서 간략하게 적어보려한다.

 

먼저 json 파일을 만든다.

 

 

a.json 

 

{

 “hello”: [

    {

      "id": 0,

      "content": “없어”

    },

    {

      "id": 1,

      "content": “있어”

    },

]

}

 

그리고 json 파일을 읽어올 js 파일에 이 json 파일을 import한다

 

import AA from “a.json 파일의 경로”

 

그 후, json 파일을 사용하듯 사용하면 된다.

 

예를 들면 “없어”를 출력해주고 싶다면

 

console.log(AA.hello[0].content)

 

이런식으로 말이다.

반응형

'Coding > React.js' 카테고리의 다른 글

Next.js, Node.js, React.js Error: Could not find a valid build in the '/Users/이름/폴더/폴더이름/.next' directory!Try building your app with 'next build' before starting the server. 오류 해결 방법  (0) 2020.08.27
JavaScript React Debounce useState 오류  (1) 2020.06.14
Reduce, Action, Dispatch ( 계속 추가 중 )  (0) 2020.05.10
React에 GA( Google Analytics ) 적용하는 법  (0) 2020.04.30
JSX(Javascript XML)  (0) 2020.03.31

ESLINT : 자바스크립트 linter이다.

 

그러면 linter란 무엇인가?

 

정적 타입 분석 도구이다.

즉, 코딩 컨벤션과 문법적 에러 체크를 도와주는 것입니다.

 

그럼 코딩 컨벤션은 무엇인가?

 

코딩 스타일이나 코딩 표준 가이드라인을 의미한다. 재밌는건 이 표준이라는게 기업마다 조금씩 다르다 ㅎㅎ

예시로 Google 스타일이나 Airbnb 스타일 같은게 있다.

 

Prettier도 ESLINT와 비슷한데, Prettier은 여기에 줄 간격, 줄 길이 같은 규칙을 설정하여 자동으로 정렬해준다.

Prettier은 그런 포맷을 맞춰주기 때문에 Code Formatter라고 한다.

 

규칙을 설정해 놓고 Editor의 Auto Save기능을 활용하면 저장을 할 때, 안 맞게 작성했던 코드들이 자동으로 인덴트된다.

반응형

'Coding > JavaScript' 카테고리의 다른 글

JavaScript 구조 분해 ( Destructuring )  (0) 2020.05.17
코딩테스트 준비를 위한 JS 함수 정리(계속 추가)  (0) 2020.04.30
javascript 문자열 내 포함 여부 includes  (0) 2020.02.28
javascript 문자(열) 아스키 코드 ascii code로 변환 혹은 읽는 법  (0) 2020.02.27
javascript 소숫점 내림, 올림, 반올림 Math.ceil, Math.floor, Math.round  (0) 2020.02.26

React에서는 JSX를 사용할 것을 권유한다.

 

바닐라 JS 혹은 일반적?으로는 html을 사용하고, Vue에서는 .vue 파일을 사용하는 것과 같이

 

.jsx 확장자를 가진 jsx파일을 사용한다.

 

간단하게 설명하자면 원래는 html과 javascript는 한 공간? 내에 공존할 수 없다.

 

같은 파일 내에 있어도

<html> </html>  <script></script>

이렇게 태그로 나누어주고, 그 내에서 코드를 작성해야했다.

 

하지만 JSX는 공존한다.

 

<html> 태그 내의 내용을 변수처리 할 수 있는 등 원래 html이나 js에서는 하지 못했던 것들을 할 수 있다.

 

물론 그래서 일반적인 js나 html 코드가 아니기 때문에 jsx은 Babel로 변환해주어야 한다.

 

 

 

반응형

'Coding > React.js' 카테고리의 다른 글

Next.js, Node.js, React.js Error: Could not find a valid build in the '/Users/이름/폴더/폴더이름/.next' directory!Try building your app with 'next build' before starting the server. 오류 해결 방법  (0) 2020.08.27
JavaScript React Debounce useState 오류  (1) 2020.06.14
Reduce, Action, Dispatch ( 계속 추가 중 )  (0) 2020.05.10
React에 GA( Google Analytics ) 적용하는 법  (0) 2020.04.30
React에서 로컬 json 파일 읽어오는 법  (0) 2020.04.27

저번에 언급한 Place SearchBox 기능을 추가했다.

 

검색을 하면 그에 해당하는 장소(들)이 나오는 API는 구글 api 공식 문서를 참고해서 추가했다.

 

원래 javascript Map Api만 있었는데, Places API도 추가해야했고, 

 

검색해서 추가된 마커들을 클릭했을때 반응하도록 Listener를 마커마다 추가를 했다.

 

다만 클릭했을때 그 위치로 위치추가 마커를 이동하는 법을 몰라서 그 부분은 구현을 하지 못해서 

 

현재는 마커를 드래그 앤 드롭으로 가져다 두어야한다.

반응형

'일기 혹은 일지 > PasswordStorage' 카테고리의 다른 글

드래그 앤 드롭으로 위치 정보 반영  (0) 2020.03.10
마커 여러 개 넣고... 앞으로는?  (0) 2020.02.22
데이터 베이스를 어떻게 짜야할까  (0) 2020.02.17
Google map 사용기 + 비밀번호 저장소 계획  (0) 2020.02.17
Wifi 비밀번호 저장 서비스  (0) 2020.02.16

React에서의 children과 비슷하다.

 

부모에서 정의한 후 자식에서는 slot 태그를 사용하면 부모에서 정의한 내용들이 들어간다.

 

부모의 데이터를 사용할 수 있다는 장점이 있다.

반응형

'Coding > Vue.js' 카테고리의 다른 글

Vuex 오류 “TypeError: Cannot read property ‘state’ of undefined” 해결법  (0) 2020.03.14
Vuex 사용법  (0) 2020.02.19
Vue.js에서의 Vuex, EventBus  (0) 2020.02.18
Vue 객체, 배열을 index 값으로 바꾸기  (0) 2020.02.17
Vue.js watch: {}  (0) 2020.02.16

Vuex에서 Cannot read property 'state' of undefined 해결법을 다뤄보고자 한다.

 

Vuex에서

"this.$store.state.데이터" 부분에서 오류가 발생하는데 해결법은 간단하다.

 

Vue와 Vuex 연결을 해주지 않은 것이다.

 

Vue 최상위 컴포넌트, 그러니까  .Vue 파일 중에 제일 처음 시작하는 파일에

import store from "./store"; 한 줄을 추가해준다.

 

최상위 컴포넌트는 main.js를 보면 알 수 있다.

그리고 Vuex 저장소를 store.js 파일에 했을 때 저렇게 하면 된다.

(안해봐서 되는지는 모르겠지만 만약에 다른 js파일에 저장했다면 아마도 그 이름을 입력하면 될 것이다)

 

그리고 store.js 파일 윗 줄에 있는 import들 아래에 Vue.use(Vuex);  한줄 추가해주면 된다.

 

이러면 Vue와 Vuex 연결이 되고, $store를 사용하여 store에 접근 가능하다.

 

 

 

 

 

 

 

반응형

'Coding > Vue.js' 카테고리의 다른 글

Vue.js Slot (내용 추가 중)  (3) 2020.03.14
Vuex 사용법  (0) 2020.02.19
Vue.js에서의 Vuex, EventBus  (0) 2020.02.18
Vue 객체, 배열을 index 값으로 바꾸기  (0) 2020.02.17
Vue.js watch: {}  (0) 2020.02.16

인접하는 계층의 모든 뉴런과 연결되어 있는 것을 완전연결이라고 합니다.

 

완전연결 계층은 입출력 데이터를 넣을 때, 행렬로 변환해서 넣으면서, 1차원 데이터로 변환하는데

이 과정에서 데이터의 형상이 무시됩니다.

 

CNN은 데이터의 형상을 유지하는 합성곱 계층을 입출력 데이터로 사용합니다.

이렇게 합성곱 계층을 사용한 입출력 데이터를 특징 맵이라고 합니다.

입력 데이터는 입력 특징맵, 출력 데이터는 출력 특징맵이라고 합니다.

 

합성곱 계층에서 처리하는 합성곱 연산은 필터( 커널 )을 사용하여 연산하여 필터 연산이라고 합니다.

 

반응형

'Coding > DeepLearning' 카테고리의 다른 글

학습 관련 기술들 - 최적화  (0) 2020.03.10
오차역전파법 ( 내용 추가 중 )  (0) 2020.03.10
신경망 학습  (0) 2020.03.08
신경망 Neural network 이란? - 2  (0) 2020.03.07
신경망 Neural network 이란? - 1  (0) 2020.02.29

+ Recent posts

티스토리툴바