반응형 과거255 Vue.js 강좌 클릭한 횟수를 표시하는 버튼 만들기 02 Vue.js 클릭한 횟수를 표시하는 버튼 만들기 이전 강좌 2022.12.24 - [Web Front 개발공부/Vue.js] - Vue.js 소개 및 개요 Hello World 만들어보기 01 Vue.js 소개 및 개요 Hello World 만들어보기 01 Vue.js 소개 및 개요 Hello World 만들어보기 Vue.js를 처음 접하게 된 지 어느덧 6년이 지났습니다. 저는 Vue.js를 이용해서 프로젝트를 참여해본 경험은 없습니다. 하지만 주위 회사 동료분들은 꽤나 많 ecolumbus.tistory.com countUpDown.html 클릭하면 카운터가 올라갑니다. {{count}}회 카운터+ 카운터- 설명 1. el 옵션 어떤 html 요소와 연결할지 정한다. 즉, app 와 연결 2. dat.. 2022. 12. 24. Vue.js 소개 및 개요 Hello World 만들어보기 01 Vue.js 소개 및 개요 Hello World 만들어보기 Vue.js를 처음 접하게 된 지 어느덧 6년이 지났습니다. 저는 Vue.js를 이용해서 프로젝트를 참여해본 경험은 없습니다. 하지만 주위 회사 동료분들은 꽤나 많이들 사용하시더라고요. 어느 곳을 가나 자바스크립트는 기본 소양이므로 SPA ( Single Page Application ) 관련 기술을 하나 정도는 충분히 공부해두면 훗날 도움이 될듯합니다. Vue.js는 프론트엔드 기술 중 하나입니다. SPA 기술들 중 하나입니다. J-Query를 아직도 많이 사용하고 있지만 React.js, Angular.js, Vue.js 프런트 엔드 삼대장 중 하나인 Vue.js를 공부해 봅니다. 프론트 엔드 삼대장 Angular.js 구글에서 만든 타입스크.. 2022. 12. 24. Microsoft Visual Studio Code Java 개발환경 Microsoft Visual Studio Code Java 개발환경 자바개발은 보통 이클립스나 인텔리J에서 하지만, 가끔은 가벼운 예제들은 Visual Studio Code에서 해보고자 자바 컴파일 환경을 만들어보고자 한다. 자바 확장팩을 설치해야 한다. 이미 자바 JDK가 설치되었다고 가정하고 확장팩 및 환경설정을 해본다. 1. 왼쪽 아이콘바에서 사각형이 쌓여 있는 모양의 "확장팩" 아이콘을 클릭. 2. 확장: 마켓플레이서 뷰에서 "java" 로 검색하여 "Extension Pack for Java development"를 찾아 클릭. 3. 오른쪽 확장팩 뷰에서 "설치"를 클릭하고 "Extension Pack for Java"을 설치. 자바 확장팩을 설치하면 아래와 같은 여섯개의 확장팩이 자동으로 추.. 2022. 12. 23. 넥쏘 국내 유일의 수소 자동차 Nexo 2022 넥쏘 국내 유일의 수소 자동차 Nexo 2022 이번 포스팅은 제 개인적인 실험용 포스팅입니다. 평소 현대 자동차 넥쏘(NEXO) 수소차가 궁금하셨던 분들에게는 좋은 정보가 될 수 있을 듯합니다. 국내 유일의 수소 승용차인 현대 자동차의 넥쏘에 대해 알아볼까요? 2018년에 현대 자동차가 최초로 출시한 수소 승용차. 출시가 7,000만원. 누구도 7,000 주고는 이차를 안 사겠지만, 보조금이 있기에 4,000 정도로 구매할 수 있습니다. 친환경 차 트림을 다양화하는 것도 현대 자동차의 전략이겠죠. 전기차와 함께 투트랙 전략인듯합니다. 도요타 자동차의 미라이와 경쟁을 하고 있지만 국내에서는 오직 현대 차만이 출시해서 독주체제입니다. 현대차는 넥쏘를 출시한 2018년 이후, 2021년에 연식변경을 진행했었.. 2022. 12. 23. [Edge] 엣지 즐겨찾기 모음 고정, 항상 표시하기 [Edge] 엣지 즐겨찾기 모음 고정, 항상 표시하기 가끔식 엣지를 사용하곤 하는데, 가끔씩 사용하니 옵션이 꽤 낯섭니다. 저는 주로 즐겨찾기 탭에 다음이나 특정 사이트들을 열기 위해 엣지를 사용하는데요. 할 때마다 구글링을 해서 즐겨찾기 탭을 나타내는 방법을 찾곤 하네요. 그래서 저를 위한 포스팅. 즐겨찾기 모음 '항상' 표시 하기 1. 엣지를 실행하고, 오른쪽 상단의 ···을 클릭하고, [설정]을 클릭합니다. 2. 왼쪽에서 [브라우저 디스플레이]를 클릭하고, 오른쪽에서 즐겨찾기모음표시 옆을 '항상'으로 설정합니다. 결과) 즐겨찾기 모음이 화면에서 사라지는 일이 없이 항상 표시됩니다. 2022. 12. 23. 자바 디자인패턴 스트래티지 자바 디자인패턴 스트래티지 모든 개발자는 유지 보수가 쉽도록 노력해서 코드를 만들어야 합니다. 가능한 읽기 쉽고 재사용 가능한 코드를 생산하는 노력과 실력을 말합니다. 비록 현실은 쉽지 않은 것도 사실입니다. 짧은 프로젝트 기간과 수시로 변경되는 요구사항 때문이죠. 하지만 그렇다 해도 할 수 있다면 디자인 패턴을 이용해 프로그래밍하는 노력을 게을리해서는 안됩니다. 오늘의 포스팅은 디자인패턴 중 스트래티지 패턴 "strategy" 에 대해 알아봅니다. 소프트웨어 개발에 있어서 바뀌지 않는 것과 바뀌는 것을 구분하기 "변화" 애플리케이션을 아무지 잘 디자인해도 시간이 지나면서 점점 성장하고 변화 되어야 합니다. 변화를 유발하는 것은 수없이 많고 당연한 과정입니다. 변화하는 것과 변화하지 않는 것을 구분해야 .. 2022. 12. 23. 이전 1 ··· 22 23 24 25 26 27 28 ··· 43 다음 반응형