coding

조건에 따른 SELECT문 활용

SELECT문은 기본적으로 데이터를 검색하는 기능으로 CRUD 중 READ에 해당되는 기능을 수행합니다. 기본적인 구문은 아래와 같습니다. SELECT(속성1, 속성2, …) FROM (테이블명) WHERE (조건식); (조건식)에 의해 해당하는 행(가로)을 선택하고 (속성1, 속성2, …)에 의해 열(세로)를 보여 줍니다. SELECT * FROM (테이블명); WHERE 조건문이 없으므로 모든 행을 선택하고, * 을 통해 모든 열을 보여 줍니다. 즉, (테이블명)의 이름을 가진 테이블의 모든 데이터를 확인하는 명령어입니다. SELECT * FROM(테이블명) WHERE (조건1) AND (조건2); (테이블명)의 테이블에서 (조건1)과 (조건2)를 모두 만족하는 행의 모든 열을 보여줍니다. SELEC..

2023. 8. 24. 16:31

React

useState를 통해 컴포넌트에서 바뀌는 값 관리

useState를 통해 컴포넌트에서 바뀌는 값 관리 리액트 16.8 이전 버전에서는 함수형 컴포넌트에서는 상태를 관리할 수 없었습니다 리액트 16.8에서는 Hooks라는 기능이 도입되면서 함수형 컴포넌트에서도 상태를 관리할 수 있게 되었습니다 useState라는 함수가 바로 리액트의 Hooks 중 하나이다 Counter.js import React from 'react'; function Counter() { return ( 0 +1 -1 ); } export default Counter; App.js import React from 'react'; import Counter from './Counter'; function App() { return ( ); } export default App; 이벤트..

2023. 8. 16. 16:06

coding

firebase + 리액트 배포

firebase와 리액트를 합친 것은 그야 말로... 죽는 줄 알았다 이 상태로 한 5시간을 배포했던 것 같다. 사실 나처럼 안 하길 바라서 이렇게 쓰는 것이다....... 배포를 위해 firebase를 왜 선택했냐고 물어본다면... > 이게 제일 편할 것 같아서? 근데 내 오산이었다........ 일단 처음에 firebase 가입부터 해 준다. https://firebase.google.com/?hl=ko 다음 프로젝트를 만들어 주면 된다. 아주 간단하다. 참고로 그냥 체크하고 다음다음 넘어가면 되기 때문에 문제는 없다. Hosting 호스팅 버튼을 누른 다음에 시작하기 버튼을 누른다 그리고 명령 프롬포트에서 우리는 간단한 걸 적을 것이다. npm install -g firebase-tools 여기서 ..

2023. 8. 14. 09:39

coding

git 설치하기

git 설치 후 git bash에서 설정할 코드 1. git config --global user.name "사용자이름" 2. git config --global user.email "이메일@abc.com"

2023. 8. 14. 09:32

Javascript

iframe에 관하여

개념 - 내부 프레임이라는 의미로 하나의 html 문서 내에서 다른 html 문서를 보여 주고자 할 때 사용 - 동영상도 넣을 수 있다 특징 - 모든 브라우저에서 작동 - DOCTYPE 문서에서는 작동하지만 script 문서에서는 작동하지 않음 속성 1. width와 height 속성 inline frame의 너비와 높이를 지정할 수 있다. 2. frameborder 속성 inline frame의 경계선의 두께를 지정할 수 있다. 3. margrinwidth와 marginheight inline frame의 여백을 지정할 수 있다 4. scrolling inline frame 내에서 스크롤바 사용 여부를 지정할 수 있다. scrolling 값을 no로 지정하면 스크롤바가 생기지 않습니다. 5. sandb..

2023. 8. 14. 09:31

Javascript

HTML i태그, b태그

p태그는 페이지 단락 b태그나 string 태그, i태그, em태그들은 비슷하다 하지만 b태그와 i태그는 시각적으로 강조를 한다 시각장애인용 스크린리더를 사용하면 강조가 안 된다 strong 태그나 em태그는 시각적 강조 뿐만 아니라, 문법적 강조도 한다 b태그 i태그

2023. 8. 14. 09:28