lab.naminsik
  • Javascript, jQuery
  • Reactjs
  • React Native
  • iOS
  • Android
  • AWS
  • Server
  • Html, CSS
  • Php
  • asp .net
  • SQL
  • Word Press
search
keywords
  • Reactjs 2022‧04‧20

    react jsx 스타일을 조건 넣어 인라인으로 처리

    기존에 리액트로 작성할 때 인라인으로 스타일을 넣고 조건에 맞춰 값을 넣은 적은 있었다. 예를들어 state 에 abc 값이 있으면 0, 없으면 100%의 width로 지정한다고 할 때, 이렇게 쓸 수 있다.그런데 이렇게 되면 강제로 width를 꼭 이 곳에서 처리되게 된다. 다른 css 파일들에서 이 영역에 스타일을 붙였다면 그 스타일들은 무시되고 위에 인라인으로 처리된 것이 적용될 것이다. […]

  • TypeScript 2021‧12‧06

    refers to a value, but is being used as a type here. Did you mean 'typeof'

    리액트를 타입스크립트로 작성할 때 위와 같은 오류 로그를 발견하였다. 이유는 화면 .tsx 로 구현되어야 할 페이지를 .ts로 파일명을 작성하였기 때문이다.이런 경우는 파일 확장자 명을 .tsx에서 .ts로 변경하면 된다.

  • Reactjs 2020‧07‧15

    조건문 처리

    reactjs 에서 조건문 처리할 때는 삼항식을 사용하거나 자가실행함수 안의 if문으로 처리한다.아래는 컴포넌트 안에 들어갈 코드들이다. 삼항식이 아닌 단순히 단적인 조건에 대한 처리는 아래처럼 한다. 기존에 쓰던 if 조건문을 사용하려면 아래처럼 자가실행함수를 만들어 실행한다.

  • Reactjs 2017‧05‧17

    JSX - 엘리먼트를 단순 조건에 따른 렌더

    JSX 상에서 조건문을 길게 쓰지 않고 단순하게 엘리먼트를 렌더링 할때 사용한다. 특히 true/false와 같은 조건으로 React 엘리먼트를 렌더할 때 편하다. <div> { this.state.logined && <Profile /> } </div> this.state ={ logined : true } 이면 <Profile /> 엘리먼트가 렌더 된다. <Profile /> 대신에 html 엘리먼트를 넣어도 된다.  (<img src="./test.jpg" /> 이런 거)   공식 문서 […]

popular

  • JS - 유튜브 영상 (음소거,자동재생 상태로) 다중 삽입하기
  • 자바스크립트를 이용해 위도,경도를 주소로 변환하기
  • react native - TabNavigator 에서 탭해서 이동했을 때 컴포넌트 새로고침
  • Photoshop - 폰트는 폴더를 따로 관리하는 것이 좋다.
  • 크롬에서 미디어쿼리 버그 대처
  • react, vue - Uncaught SyntaxError: Unexpected token
  • Photoshop - [폰트 캐쉬 삭제] 삭제한 폰트도 계속 리스트에 존재할 때
  • http 를 https 로 리다이렉트 시키기 (.htaccess 파일 작동 안될 때)
  • AWS elasticsearch - 기존 맵핑 필드에 analysis, filter, analyzer 변경 또는 추가하기 위한 과정 + tokenizer
  • Balsamiq Mockups

comment

  • 감사합니다!
  • 감사합니다~
  • 잘 해결 되셨다니 다행입니다!...
  • 정말 감사합니다. 덕분에 해결했습니다!...
  • 유용한정보 대단히 감사합니다....