본문 바로가기 메뉴 바로가기

cs09g 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

cs09g 블로그

검색하기 폼
  • 분류 전체보기 (61)
    • Git (10)
    • Open source (2)
    • 프론트엔드 (16)
    • Javascript (15)
    • Mozilla (0)
    • 개발환경 (13)
      • Windows (4)
      • Linux (5)
      • Mac (3)
    • 생각 (3)
    • 여행 (1)
  • 방명록

프론트엔드 (16)
[typescript] enum과 const object 사용 문제 및 보완

enum과 const object는 비슷하게 동작하는듯 하면서도 다르다. 그 차이에 대해서 알아보자. enum 값 또는 상수를 가독성 높게 사용할 수 있다. // 상수인 경우 enum Gender { Male, Female, }; // 문자열인 경우 enum Gender { Male = 'male', Female = 'female', };const object 일반 Javascript 객체와 동일하다. // 상수인 경우 const Gender = { Male: 0, Female: 1, }; // 문자열인 경우 const Gender = { Male: 'male', Female: 'female', };차이 1. enum transpile 이후에 역방..

프론트엔드 2021. 7. 27. 12:00
안드로이드 기기에서 실행중인 크롬, PC 크롬으로 디버깅하기

1. 기기의 개발자 옵션에서 USB debugging 활성화 2. 기기에서 크롬 켜기 3. PC 크롬에서 주소창에 chrome://inspect/#devices 입력후 접속 4. Devices 탭에서 'Discover USB devices' 체크 5. 디버깅할 도메인을 'Open tab with url'에 입력 후 'Open' 클릭 여기까지는 기본 적인 내용이고, 로컬에서 개발중인 사이트를 디버깅 하기 위해서는 몇 가지 작업이 더 필요하다. 1. 포트 포워딩 'Port forwarding...' 버튼을 누르면 아래와 같은 창이 나타난다. abc.com:1234 로 접속했을 때 abc.com:5678 로 연결을 원한다면, Port: 1234, IP address and port: abc.com:5678 를..

프론트엔드 2021. 1. 16. 00:04
[React] 이벤트 핸들러로 파라미터 전달하기

1. this 바인딩과 함께 전달 class MyComponent extends React.Component { myMethod(param, e) { console.log(param); // 'someParam' console.log(e); // SyntheticEvent } render() { return ( {/* this 바인딩과 함께 전달 */} ); } } 2. arrow function 활용 class MyComponent extends React.Component { myMethod(param, e) { console.log(param); // 'someParam' console.log(e); // undefined } render() { return ( {this.myMethod('some..

프론트엔드 2020. 10. 28. 23:00
이전 1 2 3 4 ··· 6 다음
이전 다음
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
링크
  • Firefox
  • Mozilla Hacks Korea
TAG
  • git-tag
  • testing
  • ios
  • writeStream
  • 사이트성능측정
  • readStream
  • bouncscroll
  • fetch
  • setter
  • Karma
  • getter
  • nodejs
  • Mac
  • ubuntu
  • git-checkout
  • csv-parser
  • 리소스모니터
  • chrome
  • abortcontroller
  • react
  • 블랙스크린
  • Windows
  • GIT
  • Android
  • event
  • bigsur
  • JavaScript
  • no_fcp
  • 크롬
  • Safari
more

Blog is powered by Tistory / Designed by Tistory

티스토리툴바