PHP, Mysql: SELECT JOIN 문 실행시 중복된 이름의 열(컬럼) 결과를 가져오는 방법
Q. 내 데이터베이스에 두 개의 테이블이 있습니다. 컬럼이 있는 NEWS 테이블: id - 뉴스 ID user - 작성자의 사용자 ID 컬럼이 있는 USERS 테이블 : id -사용자 ID 이것에 대한 SQL을 실행하려고 합니다. SELECT * FROM news JOIN users ON news.user = user.i...
BGSMM
PHP: mysql_fetch_array() 에서 while() 대신에 foreach()를 사용하는 방법
Q. foreach와 함께 작동하도록 다음 코드를 어떻게 변환하는지 알고 싶습니다. $query_select = "SELECT * FROM shouts ORDER BY id DESC LIMIT 8;"; $result_select = mysql_query($query_select) or die(mysql_error()); while($row = ...
macOS: 아마존 EC2에서 내 PC로 다운로드 (scp 이용)
macOS: 내 컴퓨터에서 아마존 EC2로 파일 업로드 (scp 사용) 방법 내 PC의 로컬 터미널에서 scp 명령어를 실행합니다. scp -i [pem_file] [EC2에 있는 다운로드할 파일 경로와 이름] [user_id]@[`ec2_public_ip`]:[로컬 PC 경로] pem_file – 아마존 EC2 인스턴스를 만들 때 발급...
리액트(React): React Redux 요약 정리
이 글은 위 동영상 강의들을 요약 정리한 것입니다. Redux와 React Redux는 같은 의미인가요? 아닙니다. Redux는 상태 관리 라이브러리로, 상태관리 패턴인 Flux의 일부를 변형하여 간단하게 상태 관리가 가능하도록 만들었습니다. 이것은 제이쿼리, 일반 자바스크립트, 다른 SPA 프레임워크 등 다양한 환경에서 사용가능하도록 제작되...
자바스크립트 예제: 2차원 정방형 배열(square array) 여러 번 회전 (공식 이용)
알고리즘에 대한 설명은 여기에 나와 있습니다. 여기에서는 공식만 설명합니다. 정방형 배열 정방형 배열은 행과 열의 수가 같은 2차원 배열을 뜻합니다. 이러한 정방형 배열은 회전할 수 있는 경우는 4가지 밖에 없습니다. 오른쪽으로 90도 회전 (왼쪽으로 270도 회전) 오른쪽, 왼쪽으로 180도 회전 오른쪽으로 270도 회전 (왼쪽으로...
자바스크립트 ES6+: 모듈(module) 기능을 이용하여 리액트의 hook 흉내내기 (reactify)
예전에 어느 프론트엔드 과제 테스트에서 아래와 같은 요구사항을 제시한 적이 있습니다. 요약하면 ‘순수 자바스크립트로 리액트와 유사한 구조의 웹 페이지를 만들어봐라’ 이런 뜻인데요, 준비가 되어 있지 않은 상태에서 이런 요구사항을 접하면 많이 난감할 것이라고 생각됩니다. 문제에서 컴포넌트를 제작할 때 function, class 둘 중 하나...
자바스크립트 ES6+: 동적으로 모듈 임포트(import) 하기
자바스크립트 ES6+ 문법에는 import 가 있습니다. 예를 들어 import func from './func.js' 이런 식입니다. 위의 예제를 정적 import라고 합니다. 정적 임포트에는 단점이 있는데 1) 임포트 구문에 변수 사용이 불가능하다는 점과, 2) if 문등의 분기점에서 사용할 수 없다는 단점이 있습니다. 이러한 정적 임포트의...
리액트(React): useState (함수형 컴포넌트에서 변수 관리)
리액트에서 function 기반 컴포넌트(hook)는 한 번 렌더링되고 끝나는 것이 아닙니다. 리액트의 컴포넌트는 실시간으로 끊임없이 렌더링되며 여기서 일반 변수 등을 사용하면 컴퓨터의 자원 낭비와 성능 저하를 불러올 수 있습니다. 리액트의 함수 컴포넌트 체제에서 변수 등의 상태들을 관리할 수 있는 방법이 여러 가지 있는데 useState는 상태 관...
자바스크립트: 파일을 특정 영역으로 드래그 앤 드롭하기 (라이브러리 없이)
아래 화면처럼 브라우저의 외부 파일 탐색기에서 파일을 드래그 앤 드랍하여 <input type=file>에 파일을 입력받는 방법입니다. 호환성을 위해 ES5 이하 스펙으로 작성하였습니다. 코드 https://gist.github.com/ayaysir/656003f348da640679cea7e0badc0998 400: Invalid...
자바스크립트: Snake 게임 만들기 3 - 뱀 몸체 만들기, 마무리 (完)
자바스크립트: Snake 게임 만들기 1 - 블럭 움직이기 자바스크립트: Snake 게임 만들기 2 – 블럭이 스스로 움직이도록 만들기, 사과(먹이) 만들기 자바스크립트: Snake 게임 만들기 3 - 뱀 몸체 만들기, 마무리 (完) trail, tailLength 변수 만들기 뱀의 몸은 여러 개의 블럭으로 이루어져 있습니다. 뱀이 상하좌...