dev/front-end (10) 썸네일형 리스트형 Expected '===' and instead saw '==' eqeqeq Expected '===' and instead saw '==' eqeqeq번역을 돌려보니 >> '==='이(가) 예상되었지만 대신 '==' eqeqeq가 표시되었습니다. React 개발 중에아래 이미지처럼 경고가 뜨는 걸 확인할 수 있습니다. 원인은 이미지 8라인에 기존 JavaScript처럼 비교문을 '=='로 처리JavaScript처럼 if 문 비교에 '==' 처리하여 발생 이 오류 메시지는 코드에서 '==='(일치 연산자) 대신 '=='(동등 연산자)를 사용했음을 의미합니다. 이는 보통 JavaScript 같은 언어에서 발생하며, 일치 연산자를 사용해야 하는 상황에서 동등 연산자를 사용했을 때 나타납니다.'==='와 '=='의 차이를 간단히 설명하면 다음과 같습니다: '===' (일치 연산자): .. html table 추가 json 데이터 만들기 html 테이블 추가html table 추가 기능프로젝트에 기능이 필요하여 작성json 데이터가 hidden(id=pData)에 문자열로 입력됩니다. input 숫자만 입력(mask) input 숫자만 입력input 숫자만 입력예전에 스크립트로 이리저리 만들었는데jquery에 편한 게 생겨 남깁니다.000,000,000으로 자릿수까지 한 번에 처리됩니다. 실행 결과" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 input, textarea 클릭 시 자동 드래그, 자동 선택 input 클릭 시 자동 드래그input 클릭 시 자동 드래그개발할 때 보면 가끔 해주고 싶을 때가 있는 기능입니다. input 태그에 직접 입력input, textarea 태그에 직접 입력하는 방법입니다.onfocus="this.select()"를 필요한 input에 넣어 주면 됩니다.1라인 jquery를 이용 모두 한 번에현재 페이지 모두에 입력하는 방법입니다.jquery로 페이지 로딩 완료 후 아래처럼 처리해 주시면 됩니다.$(function(){ //input, textarea 모두 자동 드래그 처리 합니다. $('input,textarea').on('focus', function() { $(this).select(); });}); jquery를 이용 모두 원하는 inpu.. codepen 저장 codepen에서 테스트를 하다 보면 저장이 필요합니다. 작성 후 다른 곳에 저장할 수 도 있지만 사이트에 저장해 놓고 필요할 때마다 테스트가 가능하기 때문에 너무 편리하게 상용가능합니다. 아래 작성 된 링크에서 사이트에 저장하는 방법이 작성되어 있습니다. 2024.03.06 - [dev/front-end] - Vue.js 개발 필요 사이트 codepen.io Vue.js 개발 필요 사이트 codepen.io Vue 개발을 위해 레퍼런스가 필요합니다. vueframework.com 사이트에 가시면 Vue 개발에 관하여 알수 있습니다. 다만 전부다 읽기 귀찮고 자동번역된거라 이해가 좀 어려울 수 도 있기 때문에 일반적으 st-d.tistory.com 다른 사람에게 사이트를 알려줄 수도 있고 사이트 공유하기.. Vue.js 개발 필요 사이트 codepen.io Vue.js 개발 필요 사이트 codepen.io 사이트에서 미리 개발하여 예제를 확인할 수 있습니다. vueframework.com 사이트에 가시면 Vue 개발에 관하여 알 수 있습니다. 다만 전부 다 읽기 귀찮고 자동번역된 거라 이해가 좀 어려울 수 도 있기 때문에 일반적으로는 google에서 검색하는 게 더 빠를 겁니다. 시간이 난다면 정독을 하겠지만 대부분의 개발자는 공부만 할 수 없기 때문에 알아만 두시면 될 거 같습니다. https://vueframework.com/docs/v3/ko/ko-KR/ 설치방법 | Vue.js 설치방법 Vue.js는 점진적으로 적용할 수 있도록 설계되었습니다. 이는 요구사항에 따라 여러 방법으로 프로젝트에 통합될 수 있음을 의미합니다. 프로젝트에 Vue.js를 추가.. Vue. 설치, Vue 서버 실행, Vue 개발시작 vue 스터디 중에 2~3일 정도의 경험으로는 react 개발과 vue 개발이 같은 툴에 약간만 틀린 거 같습니다. 아닐 수도 있겠지만요. 터미널을 입력할 수 있게 터미널을 실행합니다. vue.js 설치를 합니다. View >> Terminal에 명령문을 입력합니다. vue.js 설치 명령문 : npm install vue 설치완료 후 버전 확인 : npm vue -v 아래 그림과 같습니다. vue개발을 위해 추가로 실행합니다. npm install -g @vue/cli c 아래와 같이 실행이 됩니다. cmd에서 [vue -V] 실행합니다. V는 대문자여야 합니다. vue/cli버전을 확인 가능합니다. 프로젝트 경로를 지정합니다. 경로는 변경할 수 있습니다. dir과 cd를 입력하여 vue프로젝트 경로로.. react 웹서버 시작, react 시작, react 처음 개발 react 처음 개발을 시작하기 위해 Visual Studio Code를 실행합니다. MS(마이크로소프트) 툴은 생각해 보면 참 쉽습니다. 최근에 자바만 하다 보니 MS 개발 툴 기억이 조금 나질 않았습니다. Visual Studio Code는 예전에 사용하던 Visual Studio와 툴이 조금 다릅니다. 그래도 여러 번 만져보니 기억이 슬슬 적응이 되는 것도 같습니다. 프로젝트를 시작할 폴더를 지정합니다. file >> open folder >> 폴더를 선택합니다. 폴더를 미니 만들어 놓고 선택하시면 됩니다. view >> terminal >> 선택 >> terminal 실행 >> npm init 터미널(terminal)에 명령어를 실행할 수 있습니다. 명령어입력 가능 한 이유가 다른 os에서도 사용.. vscode설치,Visual Studio Code 설치 react와 vue 개발 툴로 visual studio code를 사용하게 될 줄은 몰랐습니다. 전 원래 asp.net 개발자여서 visual studio 툴에 어느 정도 익숙해져 있는 개발자입니다. ms제품은 설치하는 데 어려움이 없습니다. 다운로드한 후 다음다음다음만 하면 거이 설치가 완료됩니다. 설치 후에도 변경이 쉽고 삭제하고 다시 설치해도 특별한 문제가 발생하지 않습니다. 시스템 환경변수에 따로 추가할 필요도 없습니다. 언제부터였는지 모르지만 ms제품들은 무료로 다운로드가 가능해졌습니다. google에 visual studio code download를 검색하면 최상단에 다운로드 경로가 검색됩니다. 사용하시는 운영체제로 다운로드합니다. 파일을 다운로드하면 "VSCodeUserSetup-x64-1.. node.js 설치 확인, npm 설치 확인 전자정부프레임워크(egov) 관련 내용을 작성하다. 갑자기 프런트엔드(front-end) 관련을 작성하게 되었습니다. 전자정부프레임워크(egov) 4.1로 기본적인 웹페이지 left, top 페이지 관리자 설정 페이지를 개발이 끝났습니다. 2주 전에 메뉴 권한 관련 개발이 끝났지만 이것저것 하다 보니 아무것도 작성을 못하게 되었습니다. 매번 쓰려했지만 작성하지 못하고 보름을 보냈네요. 글 수가 적어 애드센스가 떨어져서 도 있는 거 같습니다. 어제오늘 react, vue 개발을 위해 이것저것 설정을 해보았습니다. 일단 react는 소스 수정이 있을 때마다 컨파일을 다시 해야 하는 걸까요? 이 부분은 나중에 좀 더 알아보겠습니다. vue는 프런트엔드를 수정하자마다 페이지가 리로드 되는 걸 확인했습니다. 작년.. 이전 1 다음
