본문 바로가기

728x90

개발

(130)
[react-native] Bottom Tab Navigator 페이지 전환 예제 + 상위 컴포넌트 함수전달 Bottom Tab Navigator 사용 예제이다. 또한 하위 컴포넌트에서 이벤트를 발생시켰을 때, 상위 컴포넌트로 함수를 전달하는 방법을 작성한다. 상위 컴포넌트 테스트를 위한 예제 컴포넌트를 아래와 같이 만들었다. 아래에 의 component 속성에 이동하려는 컴포넌트 명을 입력한다. component 속성 내부에 있는 컴포넌트 명이 하위 컴포넌트가 된다. Tab Navigator로 하위 컴포넌트에 함수를 전달할 때, 중요한 것은 "initialParams =" 이다. 해당 명령어를 이용하면 Tab Navigator에서도 함수를 전달할 수 있게 된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 3..
[Git] git 푸시(push) 롤백(rollback)하기 강제로 되돌리기 팀으로 개발을 진행하다보면, 작업 브랜치에서 공통으로 관리하는 브랜치로 푸시를 해야할 때가 있다. 하지만 사람인지라 develop 브랜치나 master 브랜치에 잘못 커밋을 할 때가 있다. 커밋을 잘못 했을 경우, revert를 통해 내가 커밋한 데이터를 바로 롤백할 수 있지만 푸시를 잘못한 경우에는 난감해진다. 이 포스팅은 해당 경우에서 푸시한 브랜치를 되돌리기 위한 포스팅이다. 예를들어, 내가 A라는 브랜치에서 작업을 하고 있다가 master 브랜치에 잘못 푸시한 상황일 때, 명령어를 통해 git 폴더로 접근한다. 깃에 올라가 있는 프로젝트 내부 폴더로 접근하면, .git이라는 폴더가 있을 거다. 해당 폴더 내부에서 아래의 명령어를 입력해준다. 1 2 3 $ git reset --soft HEAD^ ..
[mysql] WHERE 별칭 사용하기 (having) 쿼리를 작성하다 보면, 서브쿼리를 이용해서 다른 테이블에 있는 데이터를 가져다 사용할 때가 있다. 서브쿼리를 사용해서 가져온 데이터를 이용해서 조건절에 조건을 추가하고 싶다면? 해당 포스팅에서는 별칭을 지정한 데이터를 조건 절에서 사용하는 방법에 대해 작성한다. 예제 데이터 1 2 3 4 5 6 //오류 쿼리 select A.id, A.email, A.nickname, (select count(*) from tb_book where id =A.id) AS "total" from tb_user A where total > 1; Colored by Color Scripter cs 회원 아이디를 이용해 tb_book 테이블의 컬럼의 갯수를 회원 정보와 함께 보는 쿼리다. 여기서 내가 alias로 지정한 tot..
[react-native] Modal창 예제 https://github.com/maxjvh/react-native-simple-modal#readme GitHub - maxjvh/react-native-simple-modal: A simple JavaScript modal component for React Native. A simple JavaScript modal component for React Native. - GitHub - maxjvh/react-native-simple-modal: A simple JavaScript modal component for React Native. github.com react-native 환경에서 모달 창을 사용할 수 있도록 해주는 라이브러리다 모달이란 ? 모들 윈도(Modal Window)는 사용자 인..
[Mysql] insert update select 사용하기 예제 (insert update subquery) INSERT 문에 SELECT 문 넣어서 사용하기 !) tb_new_test 테이블의 id값이 여러 개가 있으면, 서브쿼리에서 2개 이상의 로우가 조회되어 오류남 1 2 3 4 5 6 INSERT INTO tb_test(id,name,phone,email,new_id) VALUES (#{id}, #{name}, #{phone}, #{email}, (SELECT new_id FROM tb_new_test WHERE id = tb_test.id)) cs UPDATE 문에 SELECT 문 넣어서 사용하기 !) tb_new_test 테이블의 id값(11100222)이 여러 개가 있으면, 서브쿼리에서 2개 이상의 로우가 조회되어 오류남 1 2 3 UPDATE tb_test SET name =(SELECT desc..
[react-native] 페이지 리프레쉬(리렌더링) 예제 + 함수형 컴포넌트 useEffect + useIsFocused + 페이지 리로드 데이터 reload + 데이터 렌더링 리액트 네이티브에서, 개발하고 있는 스크린의 데이터를 리로드 해야 할 때가 있다. 게시판을 예로 들어, 상세 페이지에서 글에 대한 댓글을 달고 난 뒤, 게시판의 리스트 페이지로 돌아오면, 댓글의 수가 증가되어 있어야하는데, navigation goback 함수나, pop 함수를 이용하여 뒤로가기를 하면, 해당 댓글의 수가 증가되어 있지 않다. 이런 경우에, 페이지를 리프레쉬 시켜줘야하는데, 이 떄 사용할 수 있는 것이 바로 useEffect이다. 1 2 3 4 5 6 7 const [test,setTest] = useState(0); useEffect(() => { return () => { selectList(); // 게시판 데이터 조회 메소드 } }, [test]); cs 다음과 같이 useStat..
Error creating bean with name ... defined in class path resource [app-context.xml]: Invocation of init method failed; nested exception is 피시를 종료하고, 아침에 다시 개발을 진행하려고 프로젝트 빌드를 진행하면, 가끔 해당 오류가 팝업된다. Root WebApplicationContext: initialization started Error creating bean with name 'ssfDogMaster' defined in class path resource [app-context.xml]: Invocation of init method failed; nested exception is org.springframework.core.NestedIOException: Failed to parse mapping resource: 'file [/Users/.../workspace-spring-tool-suite-4-4.13.0.RELEASE..
(STS)Spring mvc 프로젝트 생성 및 설정 +JDK 설정 + tomcat 연동 후 실행 STS (Spring Tool Suite 4) 를 이용한 웹 프로젝트나 웹 서비스를 개발할 때, 프로젝트를 생성하기까지의 과정을 설명한다. 먼저, 내 피시에 JDK가 설정되어있는지 확인하고, 설정되어있지 않다면, JDK를 다운로드 받자 https://www.oracle.com/kr/java/ 오라클 페이지에서 JDK를 원하는 버전으로 다운로드 받았다면, 환경변수로 등록해주어야한다. JDK 파일이 존재하는 파일 경로를 바로 지정해줘도 되지만, 나는 JDK파일을 위한 폴더를 생성해서 JDK파일을 보관해둔다. 먼저 압축 해제한 JDK 파일을 c://Program Files/java/ 폴더를 생성하고, java폴더 안에 해당 JDK폴더를 넣어주고, 환경변수를 등록해보자. 1.내 PC에서 오른쪽 마우스 클릭 ->..

728x90