본문 바로가기

반응형

전체 글

(17)
Editplus Tip. FTP 설정 백업 & 에디트플러스 설정 백업하기 피치못할 사정이 생겨 컴퓨터를 포맷해야 하거나, 새로운 개발환경에서 작업을 시작해야 하는 경우에는 그 전에 설정한 에디트플러스 설정 또는 FTP 접속정보 설정들을 다시 세팅해야 하는 경우가 발생한다. 그럴때마다 일일이 다시 설정들을 찾아서 재설정하기 귀찮으신 분들은 에디트플러스 경로의 파일 2개만 백업해놓고 가져다가 사용하면 된다. C:\Users\사용자계정명\AppData\Roaming\EditPlus EditPlus 설정 : editplus_u.ini FTP 설정 : ftp2_u.ini
React Tip. styled-components 구문 강조 플러그인 [ vscode-styled-components ] 책에서 styled-components 라이브러리를 이용하여 웹에서 사용하던 CSS 문법 그대로 RN의 스타일시트를 작성하게 하는 부분을 공부하던 도중, 갑자기 VS Code에서 해당 문법에 대해 구문강조가 죄다 사라져서 상당한 불편함을 느꼈다. 위와 같이 VS Code에서 styled-componnets 구문을 상당히 보기 불편한 부분을 다소 해소 시켜주는 플러그인이 있다. VS CODE 확장 플러그인 설치탭에서 vscode-styled-components를 검색하게 되면 가장 첫줄에 있는 플러그인을 설치하게 되면 아래와 같이 구문 강조가 처리되어 보이게 된다.
React report. npm ERR! Maximum call stack size exceeded 책 내용대로 실습하던 도중 npm install styled-components 설치 중 아래와 같은 에러가 발생하였다. 해당 에러코드로 검색하니 스택오버플로우에서 다음과 같은 내용을 검색하였다. npm cache clean --force npm rebuild 일단 나는 위 첫번 째 캐시삭제 명령어만 입력하였을 때 정상적으로 작동하는 것을 확인하였는데, 해당 방법으로 해결되지 않는다면 두번 째 명령어인 npm 재설치 명령어를 사용하라고 한다.
React report. npm run android 실행불가 에러 [ Could not initialize class org.codehaus.groovy.runtime.InvokerHelper react native] 리액트 책을 보면서 공부하는 와중에 CLI로 생성한 프로젝트가 안드로이드 에뮬레이터 위로 안착되지 않는 문제가 발생하였다. 책에서는 터미널에 npm run android를 입력하면 안드로이드 에뮬레이터 위에서 작성한 앱이 돌아간다고 하는데, 나는 자꾸 아래 사진과 같은 에러가 발생하는 것이었다. FAILURE: Build failed with an exception. * What went wrong: Could not initialize class org.codehaus.groovy.runtime.InvokerHelper * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get mo..
React Tip. Visual Studio Code 리액트 문법 자동완성 플러그인 Reactjs code snippets VS Code에는 신규로 컴포넌트를 정의할 때마다 일일이 코드를 작성해야 하는 번거로움을 줄여주는 고마운 플러그인이 있다. 좌측 추가 플러그인 설치탭을 클릭한 뒤 reactjs 라고 입력 후 검색하면 가장 먼저 뜨는 [ Rectjs code snippets ] 이다. 세부정보를 내려서 확인하면 아래와 같이 사용 가능한 단축 트리거들이 나열되어 있다. Trigger Content rcc→ class component skeleton rrc→ class component skeleton with react-redux connect rrdc→ class component skeleton with react-redux connect and dispatch rccp→
React.0 리액트 개발환경 / 프로젝트 세팅 보호되어 있는 글입니다.
PHP JS AJAX를 이용한 파일 업로드 (비동기 파일 업로드) 일반적인 파일 업로드 플로우는 form 태그에 encType 속성 값을 multipart/form-data로 명시한 뒤 action 속성 값에 명시된 페이지에 form 태그 요소 값을 전송하여 서버에 요청하는 방식으로써 부득이하게 페이지 이동 또는 페이지 새로고침이 이루어질 수밖에 없다. 페이지 이동 또는 페이지 새로고침 없이 파일을 업로드 하고 싶을 때가 누구나 있기 마련이므로 그럴 때에는 비동기 전송방식 AJAX를 이용하여 파일을 업로드하는 소스코드를 사용하면 된다. 그럼 위 같은 파일 업로드를 위해서 필요한 페이지는 파일을 업로드 및 AJAX를 통해 서버로 파일업로드를 요청할 사용자 화면을 구성할 페이지 1과 1에서 AJAX 요청을 받아 서버로 파일을 업로드할 서버 프로그램 2가 필요하다. 각 1,..
PHP/JS 동적으로 바뀌는 행정구역 select 태그 만들기 [도시선택] 웹사이트를 구축하다 보면 사용자에게 정해진 행정구역의 값을 정확하게 입력받기 위해서 select 태그를 사용해야 할 경우가 발생한다. 첫 번째 select 태그에서 특별·광역시/도를 선택하면 두 번째 select 태그가 해당 행정구역에 속한 시/군/구를 선택할 수 있게 동적으로 option 항목들이 변경되는 소스다. 전체적인 소스코드는 아래와 같다.

반응형