목록전체 글 (69)

개발하는 고양이 오이

4. [React] BootStrap Modal 이용 (Button 클릭 시 Modal)

안녕하세요. 오늘은 BootStrap을 이용하여 Button을 클릭했을 때 Modal 화면이 뜨게 하는 부분을 공유하고자 합니다. ※ BootStrap Button 이용 방법 참고 3. [React] BootStrap Button, Modal 이용 3. [React] BootStrap Button 이용 안녕하세요. 오늘은 React로 BootStrap을 이용하여 Button을 이용하는 부분을 공유하고자 합니다. ① React 프로젝트 생성 프로젝트 생성은 기존에 다른 프로젝트 생성과 동일합니다. ( dhdl-it.tistory.com ※ BootStrap Modal 공식 문서 https://react-bootstrap.netlify.app/components/modal/ React-Bootstrap Th..
React 2022. 9. 22. 09:06
3. [React] BootStrap Button 이용

안녕하세요. 오늘은 React로 BootStrap을 이용하여 Button을 이용하는 부분을 공유하고자 합니다. ① React 프로젝트 생성 프로젝트 생성은 기존에 다른 프로젝트 생성과 동일합니다. ( 부분에는 본인의 프로젝트 이름을 작성하시면 됩니다.) npx create-react-app cd npm start ※ BootStrap 공식 문서 https://react-bootstrap.netlify.app/getting-started/introduction/ React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io ※ BootStrap Button 공식 문서 https://react-..
React 2022. 9. 21. 17:53
2. [React] React로 FullCalendar 사용1 - 기본

★ FullCalendar 목차 https://dhdl-it.tistory.com/category/React/FullCalendar 'React/FullCalendar' 카테고리의 글 목록 고양이 오이와 함께 살고있는 초보 개발자입니다. dhdl-it.tistory.com 안녕하세요. 오늘은 React로 FullCalendar를 연동하는 부분을 공유하고자 합니다. ※ 공식문서 https://fullcalendar.io/docs/react React Component - Docs | FullCalendar FullCalendar seamlessly integrates with the React JavaScript framework. It provides a component that exactly matc..
React/FullCalendar 2022. 9. 16. 16:42
27. [JAVA] 프로그래머스 코딩테스트 연습 Level.1 - 완주하지 못한 선수 / 효율성 실패 해결 / 다른 사람의 풀이

https://programmers.co.kr/learn/challenges 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 프로그래머스 코딩테스트 연습 Level.1 - 완주하지 못한 선수 풀이 import java.util.*; class Solution { public String solution(String[] participant, String[] completion) { String answer = ""; // 두 배열 모두 정렬 Arrays.sort(participant); Arrays.sort(completion); // 두 배열이 다를 때까..
코딩테스트 - JAVA/프로그래머스 Programmers 2022. 8. 2. 11:02
10. [PHP] PHPExcel 사용 오류 - 파일 깨짐 / Array and string offset access syntax / "continue" targeting switch is equivalent to "break" / Trying to access array offset on value of type bool / Fatal error: 'break' not in the 'loop' or 'switch'

안녕하세요. 오늘은 PHPExcel 라이브러리를 이용하여 엑셀을 다운로드 받는 코드를 작성하다가 생긴 오류를 해결해서 공유하고자 합니다. 저에게는 총 4개의 오류가 있었습니다. 우선 제 로컬 컴퓨터의 PHP Version은 5.6.29입니다. 코드를 작성 한 후 서버에 업로드 한 후 엑셀을 다운로드를 하니 아래와 같이 파일이 깨졌는데요. 이유를 찾아보니 아무래도 서버 컴퓨터의 PHP Version이 7.4.27여서 버전 차이였던 것 같습니다. 버전을 변경하면 가장 빠르게 해결되겠지만, 서버 컴퓨터쪽은 함부로 건들고싶지않아서 다른 방법으로 해결하고자 했습니다. ① Deprecated: Array and string offset access syntax with curly braces is deprecate..
PHP 2022. 7. 6. 10:52
VSCode에서 Github로 업로드 하기 ("error: Unknown subcommand: origin" 에러 해결)

① Github에서 파일 업로드 할 repository 준비합니다. (*Github가 처음이시라면, 우선 다운로드를 진행해야 합니다. URL는 다음과 같습니다.) https://git-scm.com/download Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific exp git-s..
PHP 2022. 6. 28. 15:12
1. [React] [오류] 'npx' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다.

안녕하세요. 오늘은 리액트를 VSCode Terminal에서 실행하고자 할 때 발생하는 오류를 해결해보겠습니다. 오류 내용은 다음과 같습니다. 오류 원인은 VSCode의 기본 터미널이 powershell로 설정되어 있기 때문입니다. 해결 방법은 다음과 같습니다. ① Ctrl + Shift + P ② 검색 창에서 terminal: Select Default Profile 을 검색합니다. (터미널 : 기본 프로필 선택) ③ Command Prompt 을 선택해줍니다. (기본 터미널을 powershell이 아닌 cmd로 변경하는 과정입니다.) ④ 터미널을 닫은 후에 재실행 하면 기본 터미널이 cmd로 변경된 것을 확인할 수 있습니다. 감사합니다.
React 2022. 6. 22. 10:30
9. [PHP(HTML)] Bootstrap Modal 밖의 영역 눌렀을 때 자동 닫힘 방지

부트스트랩에서 Modal을 이용하다 보면 Modal 밖의 영역을 눌렀을 때 자동으로 닫히는 것을 방지해야 할 때가 있습니다. 이때 사용해줘야 하는 코드는 data-backdrop = "static" 입니다. 방법 1) HTML 방법 2) JavaScript $('#modal').modal( { backdrop: 'static' })
PHP 2022. 6. 21. 09:10
8. [PHP] 부트스트랩 멀티모달 순서

안녕하세요. 부트스트랩을 사용하다 보면 여러 모달을 사용해야 할 때가 있습니다. 그러나 여러개다 보니 모달 화면의 우선순위를 정해줘야 할때가 있는데요. 이 때 모달의 style에 z-index를 추가해주면 됩니다. 모달이 생성되면 기본적으로 z-index는 1040 입니다. 이 값보다 높게 할당해주면 됩니다. z-index 값이 클수록 더 위에 노출됩니다. 저 같은 경우에는 위의 동영상에서 가장 먼저 보여지는 '품명 추가' 모달의 z-index는 1041, 그 다음 보여지는 '카테고리 추가' 모달의 z-index는 1050, 그 다음 보여지는 '카테고리 확인' 모달의 z-index는 1060 입니다. 처음 보여지는 모달의 값이 1040보다 높은 1041 이어야 합니다. 이유는 모달이 팝업될 때 모달 백드..
PHP 2022. 6. 20. 10:35
7. [PHP(HTML)] input type = "number" 에서 양수 값만 작성

input type = "number" 일 때, 양수 값만 작성이 가능하도록 하는 기본적인 속성은 다음과 같습니다. min = "0" 그러나 이 속성은 오른쪽 화살표에서 음수로 내려가는 것을 막아줄 뿐 직접 -기호와 +기호를 작성하는 것은 허용됩니다. 이를 방지하기 위해서는 다음과 같은 script 코드가 필요합니다. 감사합니다. 출처 : https://stackoverflow.com/questions/7372067/is-there-any-way-to-prevent-input-type-number-getting-negative-values
PHP 2022. 6. 10. 09:54
이전 Prev 1 2 3 4 5 ··· 7 Next 다음