목록DevLog (40)

song.log

[React] JSX란?

1. JSX란? JavaScriptXML의 약어 : Javascript에 XML을 추가한 문법 React프로젝트에서 Babel로 컴파일하여 사용(순수 자바스크립트로 변환) 2. JSX의 장점 1) 가독성 우수 // 1. JSX문법을 사용하지 않고 React.createElement로만 작성 ReactDOM.render( React.createElement( 'div', null, React.createElement( 'h1', null, '리스트' ), React.createElement( 'ul', null, React.createElement( 'li', null, '항목1' ), React.createElement( 'li', null, '항목2' ) ) ), document.querySelecto..
DevLog/React & Redux 2023. 1. 28. 01:11
[ORACLE] DELETE로 삭제한 데이터 복구 방법 / UPDATE 잘못한 데이터 복구 방법

실수로 데이터를 삭제하거나 수정 후 이미 커밋을 했을 때 이전 데이터로 복구하는 방법이 있다. - 시간 단위로 이전 데이터를 조회 SELECT * FROM [테이블명] AS OF TIMESTAMP(SYSTIMESTAMP-INTERVAL '[시간]' [단위, SECOND/MINUTE/HOUR/DAY]) WHERE 조건 -- 예제 SELECT * FROM G_UNIV AS OF TIMESTAMP(SYSTIMESTAMP-INTERVAL '25' MINUTE); -- 25분전 G_UNIV 테이블 데이터 조회 - 조회된 값으로 데이터 삽입 INSERT INTO G_UNIV SELECT * FROM G_UNIV AS OF TIMESTAMP(SYSTIMESTAMP-INTERVAL '25' MINUTE);
DevLog/Oracle 2022. 5. 11. 09:57
[Tomcat오류] 톰켓이 제대로 종료되지 않았을 때, 특정 포트 강제 종료 시키기

개발 도중 이클립스가 제대로 종료되지 않아 이클립스를 종료하고 새로 켰음에도 불구하고 해당 포트가 사용중이라고 뜨는 경우가 있다. 이럴 때 해당 포트를 명령프롬프트 창을 통해 강제 종료 시켜서 문제를 해결할 수 있다. 1. 실행(win키 +r) > 명령프롬프트(cmd) 창 열기 2. netstat -a -o netstat는 현재 컴퓨터의 네트워크 상태를 알려주는 명령어로 어떤 포트가 사용되고 있는지 확인할 수 있다. -a : netstat의 옵션으로 연결중, 연결을 기다리고 있는 모든 포트 리스트를 표시 -o : 각 포트의 PID를 나타내는 것으로 포트를 종료시킬 때 필요로하는 정보 3. taskkill /f /pid pid번호 taskkill : 원하는 프로세스를 종료시키기 위해 쓰이는 명령어 /f :..
DevLog/Others 2021. 6. 3. 18:52
[HTML] HTML에서 띄어쓰기 입력 / 특수문자 입력 방법

1. 띄어쓰기 HTML에서는 화이트스페이스가 따로 인식되지 않기 때문에 공백, 띄어쓰기를 표현하기 위해서는 특수문자를 입력하여야 한다. thin space >> no-break space >> [ en space >> em space >> 2. 특수문자 입력 HTML에서 특수문자를 표시하기 위해서는 &특정명칭; 또는 &#10진수; 와 같은 형태를 입력하여 특수문자를 나타낼 수 있다. 그 중에서도 가장 사용 빈도가 높은 특수문자만 정리하자면 아래와 같다. < < & & & &copy © © " " "
DevLog/HTML 2021. 3. 30. 18:00
[HTML] HTML의 정의 / HTML의 기본 골격

1. HTML이란? HyperText Markup Language의 약자로 웹에서 사용되는 마크업 언어이다. HyperText : 다른 텍스트에 대한 참조를 가진 텍스트. 텍스트에 링크가 존재하고 이를 클릭함으로서 내포하고 있는 정보를 접할 수 있도록 하는 텍스트를 의미한다. Markup : Mark + up의 합성어 문서의 형태, 구성을 결정하는 부분을 의미 문서에서 어떤 정보를 나타낼 것인지 태그로 나타내어 문서의 형태를 정형화 하는 것 의미적 마크업(Semantic Markup) ─ 문서에 실제적으로 들어갈 본문의 내용을 내포하고 있는 태그 구조적 마크업(Structural Markup) ─ 문서의 구성 정보(제목, 장, 절 등)을 보여주는 태그 양식적 마크업(Sylistic Markup) ─ 문서..
DevLog/HTML 2021. 3. 29. 18:38
[IntelliJ] 인텔리제이 학생인증 무료 다운로드 / 설치 방법

지금까지 이클립스만 사용하며 인텔리제이에 대한 환상을 가지고 있었다. 더군다나 유료라는 소식에 접할 수 없는 존재인가 했지만,,,! 학생 신분에서 인텔리제이를 무료로 받을 수 있다는 소식을 듣고 바로 다운로드 받고자 한다. 1. IntelliJ 학생 인증 1) 인텔리제이를 검색 → 공식 사이트 이동 www.jetbrains.com/ko-kr/ IntelliJ IDEA: JetBrains가 만든 전문 개발자용 Java IDE Enterprise Java, Scala, Kotlin 등을 지원하며 강력한 기능을 제공하고 인체 공학적으로 설계된 Java IDE www.jetbrains.com 2) 사이트 헤더 > 학습도구 > 더 자세히 알아보기 버튼 클릭 하여 이동 3) 해당 페이지의 스크롤을 조금 내리면 학생..
DevLog/Others 2020. 12. 14. 23:49
[Oracle] 컬럼명으로 테이블 찾기

SELECT TABLE_NAME, COLUMN_NAME FROM ALL_TAB_COLUMNS WHERE COLUMN_NAME='컬럼명'; -- WHERE COLUMN_NAME LIKE '%컬럼명%'
DevLog/Oracle 2020. 9. 21. 16:03
[CSS] 반응형 웹을 만들기 위한 viewport 단위 (vh, vw, vmin, vmax)

1. Viewport 란? 뷰포트(Viewport)는 사용자에게 보여지는 웹페이지의 영역으로 반응형 웹을 만들 때 고려되는 사항이다. 반응형 웹(Responsive Web)은 모바일, 테블릿, PC 등 다양한 디바이스의 디스플레이에 맞춰 뷰포트가 변하는 웹 사이트를 말하는 것이다. 즉, 화면이 바뀔 때마다 화면에 맞춰 스타일이 바뀌게 되는 웹 형태를 말한다. HTML5 부터 태그로 각 디바이스에 따른 뷰포트에 맞춰 렌더링 영역을 설정할 수 있다. content=width=device-width 페이지의 너비를 기기의 뷰포트 너비대로 설정 initial-scale=1.0 처음 페이지 로딩 시 확대/축소가 되지 않은 원래의 페이지 사이즈를 사용하도록 설정 2. Viewport를 기준으로 한 단위 ( vw /..
DevLog/CSS 2020. 5. 18. 23:29
Prev 1 2 3 4 5 Next