분류 전체보기 검색 결과

224 개의 검색 결과가 있습니다.

Database/Oracle

[DB] 웹에서 쿼리 실행하기(Oracle, Mysql, Mssql)

📌 DB 설치 없이 웹에서 쿼리 실행하기 데이터베이스 관리 프로그램(ORACLE SQLdeveloper, Mysql workbench 등...) 을 설치하지 않고 웹 상에서 SQL 스크립트를 작성하고 바로 실행시킬 수 있는 사이트가 있다. 아래 사이트에서는 현재 Oracle, Mysql, Mssql 3가지의 데이터 베이스만 서비스하고 있다. ▶ https://sqltest.net 사이트에 접속하게 되면 아래와 같은 화면이 보인다. 👨‍💻 실행 방법 1️⃣ Database 선택 최초 사이트 접속 시 우측 상단(Oracle11g라고 표기되어있는 부분)을 클릭한 후 세 가지의 데이터 베이스 중 원하는 데이터 베이스를 선택한다. 여담으로, 기존에는 Oracle과 Mysql만 서비스되고 있었는데 Mssql도 추가..

2022. 8. 23. 12:18

Frontend/JavaScript

[JS] innerHTML과 InsertAdjacentHTML 비교(DOM Element)

🌈 innerHTML VS InsertAdjacentHTML 자바스크립트로 DOM 요소(Element)를 추가/수정해야 할 때 많이 사용하는 방법은 두 가지가 있다. 첫 번째는 innerHTML 이며 문법은 아래와 같다. const content = element.innerHTML; element.innerHTML = htmlString; 두 번째 방법은 insertAdjacentHTML( ) 이며 문법은 아래와 같다. element.insertAdjacentHTML(position, text); 위 방법 모두 DOM요소를 조작할 수 있다는 점에서 차이가 없다고 생각할 수 있지만 이러한 생각은 틀린 생각이다. 첫 번째로 소개한 innerHTML은 변경하는 대상 Element의 하위 노드의 노드 트리를 삭..

2022. 8. 22. 12:56

Infra

[Linux] 리눅스 파일 인코딩 변환 방법

🌈 리눅스 파일 인코딩 변환하기 (File Encoding Converter) 외부에서 FTP를 통해 파일을 서버로 옮기거나 그 외에 리눅스의 환경 차이 등 리눅스에서 파일을 열었을 때 글자가 깨져 보이는 경우가 있다. 따라서, 리눅스에서 파일 인코딩을 변환하기 위해서는 해당 파일의 현재 인코딩을 확인한 후 인코딩 변환 명령어를 입력하여 변환할 수 있다. 1️⃣ 변환할 파일 인코딩 확인 인코딩 변환을 위해서는 현재 파일의 인코딩 정보를 알아야 한다. 따라서 아래의 명령어를 입력하여 현재 파일의 인코딩 정보를 확인한다. $ file -i 파일명 $ file -bi 파일명 2️⃣ 인코딩 변환하기 아래의 명령어를 입력하여 인코딩 변환을 실행하면 된다. # 1. 현재 파일 그대로 인코딩 변환 $ iconv --..

2022. 8. 4. 12:55

Dev Tools

[SVN] SVN 커밋 롤백하는 방법

📌 SVN 커밋 롤백하기 SVN에서는 커밋을 롤백해야 할 때 현재의 HEAD를 이전 버전으로 revision 하는 방법을 권장한다. 물론 커밋 기록을 아예 삭제하거나 커밋 메시지를 변경하는 방법도 있다. (참고) 하지만 이번 포스팅에서는 단순히 revision 하는 방법에 대해 포스팅하려고 한다. 🚀 SVN revision * SVN의 가장 보편적 툴인 tortoiseSVN을 기반으로 설명함 * 설치 방법 || [SVN] SVN 다운로드 (tortoisesvn) ◾ revision을 원하는 대상을 우클릭한 후 Merge를 선택한다. ◾ 기본값으로 Merge a range of revisions가 선택되어 있는 것을 확인 후 Next를 클릭한다. ◾ specific range를 선택 후 Show log 버..

2022. 8. 2. 20:03

Frontend/React.js

[React] 덕스(Ducks) 구조(with.Redux)

🦆 리액트 덕스(Ducks) 구조란? Java에는 jars와 beans이 있고, Ruby에는 gems이 있습니다. Reducer의 묶음은 "redux"의 마지막 음절을 따서 "ducks"라고 부를 것을 제안합니다. - Ducks 구조를 제시한 Erik Rasmussen - 덕스 구조는 리덕스(Redux)를 이용한 개발에 있어 액션 타입(ActionTypes), 리듀서(Reducer), 액션(Actions)을 각각의 파일에 작성해야 하는 번거로움을 피하기 위해 하나의 파일에 관련 코드를 모두 작성하는 구조이다. 또한, Ducks 구조는 Reducer 파일 안에 액션 타입과 액션 생성자를 함께 넣어서 관리하고 이를 '모듈'이라고 부른다. 1️⃣ 리덕스의 파일 구조 리덕스는 ActionTypes, Reduce..

2022. 8. 1. 12:58

Mobile/React Native

[React Native] React-Native-CLI 와 Expo-CLI 비교

🌈 React-Native-CLI 와 Expo-CLI? 리액트 네이티브(React Native) 의 CLI는 두 가지(React-Native-CLI와 Expo-CLI)가 존재한다. - React-Native-CLI는 자유도가 높아 여러가지 모듈과 API를 사용할 수 있다. - Expo-CLI는 모듈과 API의 사용에 제약이 있지만 초기 세팅을 단순화하여 빠른 개발을 시작할 수 있다. 따라서 처음 리액트 네이티브를 접하는 개발자라면 Expo-CLI를 사용하는 것을 추천하며, Expo-CLI를 통해 리액트 네이티브 개발이 익숙해졌다면 React-Native-CLI로 넘어가 개발하는 것이 좋다. 물론 처음부터 React-Native-CLI로 개발을 시작해도 된다. 1️⃣ Expo-CLI Expo-CLI는 초기..

2022. 7. 20. 12:58