코딩3 티스토리 코드블럭 하일라이트, 라인넘버, 스크롤 적용하기 티스토리에서 기본적으로 코드에대한 하일라이트를 제공하지만 어찌된 것인지 편집화면에서만 적용이 되고 실제 화면에서는 적용되지 않는다. 코드 하일라이트 기능은 코드에 대한 가독성을 높이는데 없어서는 안되는 기능이다. 라인 넘버 또한 코드를 설명하는데 필수기능이라 할 수 있다. 스크롤 기능은 꼭 필요하지 않치만 긴 코드로 인해 전체 포스팅이 길어지는 것을 방지하고 필요할 경우만 코드를 스크롤 하여 볼수있도록 하여 전체 포스팅의 가독성을 높일 수 있은 기능이라 할 수 있겠다. 코드 하일라이트 기능을 구현하는 방벙에는 여러 방법이 있겠지만 다양한 방법 중 테스트를 통해 본 블로그에 적용되어 있는 방법을 소개하려 한다. 모든 코드가 적용되면 아래와 같은 화면을 볼 수 있다. class FloatingModal ex.. 2021. 7. 11. 플러터Flutter로 단어 암기앱 만들기 1 개발환경 OS : 맥 Big Sur 11.3. 개발툴 : Android Studio 4.2 새 프로젝트 만들기 안드로이드 스튜디오 시작 후 웰컴 화면에서 Create New Flutter Project를 선택 이미 설치된 Flutter SDK 위치를 선택 한 후 Next 클릭 프로젝트 이름 등 정보를 입력 Project name : wordtalk_black //프로젝 네임은 소문자와 언더스코어 조합으로 작성하여야 한다. 그냥 룰이다. Organization : com.zetty. //패키지 네임으로 프로젝트명과 합쳐저 com.zetty.wordtalk_balck 가 된다. Platforms : //배포하고자 하는 플랫폼이다. 현재 안드로이드(플레이스토어), iOS(앱스토어), Web(크롬등 인터넷 브라.. 2021. 5. 14. [리액트] ReactJS를 이용하여 간단한 유튜브 플레이어 만들기 ReactJS를 이용하여 간단한 유튜브 플레이어를 만들어 보자. 1.프로젝트 만들기 프로제특 명 : video-test 적당한 위치에 폴더를 만들고 터미널에서 아래와 같은 입력한다. create-react-app video-test cd video-test npm start (or yarn start) 브라우져에 위와 같은 화면이 나오면 성공이다. 2. react-player 설치 비디오 재생을 위한 npm 모듈이다. 참고 : https://www.npmjs.com/package/react-player npm install react-player --save # or yarn add react-player 3. 소스 수정 기본으로 생성된 App.js 코드를 수정한다. video-test/src/App.j.. 2018. 6. 22. 이전 1 다음 반응형
