개발 메모리

조건문 조건문이란 프로그램 내에서 주어진 조건식의 결과에 따라 별도의 명령을 수행하도록 제어하는 명령문이다. 조건문 중에서 가장 기본이 되는 명령문은 if 문이다. if 문 if 문은 조건식의 결과가 참(true)이면 주어진 명령문을 실행하며, 거짓(false)이면 아무것도 실행하지 않는다.if 문에서 실행될 명령문이 한 줄뿐이라면 중괄호({})를 생략할 수 있다.if (조건식) { 조건식의 결과가 참일 때 실행하고자 하는 명령문;}$num_01 = 10;$num_02 = 20;if ($num_01 == $num_02) { echo "{$num_01}과 {$num_02}은 같은 수입니다.";}if ($num_01 $num_02) echo "{$num_01}은 {$num_02}보다 큰 수..

산술 연산자(arithmetic operator)산술 연산자는 모두 두 개의 피연산자를 가지는 이항 연산자이며, 피연산자들의 결합 방향은 왼쪽에서 오른쪽이다.$num_01 = 10;$num_02 = 4;echo "+ 연산자에 의한 결괏값은 ".($num_01 + $num_02)."입니다."; // 14echo "- 연산자에 의한 결괏값은 ".($num_01 - $num_02)."입니다."; // 6echo "* 연산자에 의한 결괏값은 ".($num_01 * $num_02)."입니다."; // 40echo "/ 연산자에 의한 결괏값은 ".($num_01 / $num_02)."입니다."; // 2.5echo "% 연산자에 의한 결괏값은 ".($num_01 % $num_02)."입니다."; // 2연산..

변수(variable)변수(variable)란 데이터(data)를 저장하기 위해 프로그램에 의해 이름을 할당받은 메모리 공간이다. 즉, 변수란 데이터(data)를 저장할 수 있는 메모리 공간이며, 저장된 값은 변경될 수 있다.변수 선언PHP에서 변수를 선언할 때는 변수의 이름 앞에 달러($) 기호를 사용하여 선언한다.$변수이름 = 초깃값;C언어와는 달리 변수를 선언할 때 따로 타입을 명시하지 않는다. PHP에서 변수의 타입은 해당 변수에 대입하는 값에 따라 자동으로 결정되기 때문이다.$var = 10; // 정수값 대입$var = 3.14; // 실수값 대입$var = "PHP"; // 문자열 대입위의 예제에서 변수 $var는 처음에는 정수형 변수였다가, 나중에는 실수형 변수, 마지막에는 문자열 ..

PHP란?PHP(PHP: Hypertext Preprocessor)는 C언어를 기반으로 만들어진 서버 측에서 실행되는 서버 사이드 스크립트 언어다.PHP로 작성된 코드를 HTML 코드 안에 추가하면, 웹 서버는 해당 PHP 코드를 해석하여 동적 웹 페이지를 생성한다.동적 웹 페이지(dynamic web page)란 서버가 사용자의 요청을 해석하고, 해당 데이터를 가공하여 생성하는 웹 페이지를 의미한다. 따라서 사용자는 상황에 따라 달라지는 웹 페이지를 볼 수 있다. PHP의 특징장점주요 운영체제와 대부분의 웹 서버에서 지원한다.다른 프로그래밍 언어보다 직관적으로 코드를 작성할 수 있어서, 작성해야 하는 코드의 양이 적다.텍스트 처리에 특화되어 있어 HTML 문서 처리에 적합하다.단점간단한 사이트를 제작하..

1. 깃허브 저장소 만들기GitHub에 로그인 후 .github.io로 새로운 저장소를 생성한다. 2. 리액트 프로젝트 생성 및 패키지 설치npx create-react-app 프로젝트명cd my-app위에 코드로 리액트 프로젝트를 생성한다이미 리액트 프로젝트가 있으면 생략 가능npm install gh-pages --save-devReact 프로젝트에서 GitHub Pages로 배포하려면 gh-pages 패키지를 설치해야 한다.위에 코드를 터미널에 적어 패키지를 설치해준다 3. 프로젝트 설정 파일 수정"homepage": "https://.github.io"package.json 파일의 맨 위에 homepage 속성을 추가한다."scripts": { "predeploy": "npm run build"..

Redux 개요Flux 패턴MVC 패턴이란 Model에 데이터를 저장하고, Controller를 사용하여 Model의 데이터를 관리하는 소프트웨어 디자인 패턴의 하나다. 이러한 MVC 패턴에서는 사용자가 View를 통해 데이터를 입력하면 View에서도 Model를 업데이트 할 수 있기 때문에 데이터가 양방향으로 전달될 수 있다.하지만 이렇게 구현된 프로젝트는 프로젝트의 규모가 커질수록 수많은 Model과 View가 생성되고, 이때 Model의 상태에 변화가 생길 경우 Model과 View 사이에 엄청난 양의 데이터가 양방향으로 전달되게 된다. 이로 인해 데이터의 흐름을 예측하기가 점점 힘들어지고, 수많은 버그를 발생시키는 원인이 된다.이러한 문제를 해결하기 위해 2014년 페이스북에서는 Flux 패턴이라..

라우팅(routing)이란?라우팅(routing)이란 사용자가 요청한 리소스를 얻기 위해 웹 서버 내에서 URL에 명시된 리소스를 찾아가는 과정을 가리킨다. 일반적으로 사용자가 요청한 URL을 해석하고 새로운 페이지로 전환하기 위한 데이터를 얻기 위해 웹 서버에 필요한 데이터를 요청하여 전달받고 화면을 전환하는 작업을 통틀어 의미한다.라우팅은 웹 서버 측에서 진행되지만 브라우저 객체 모델(BOM)를 이용하면 실제로는 웹 브라우저에서 동작하는 라우팅 작업을 사용자에게는 서버 측에서 동작하는 것 같이 보여줄 수 있다. 이렇게 웹 브라우저, 즉 클라이언트 측에서 발생하는 라우팅을 클라이언트 사이드 라우팅(Client-Side-Routing, CSR)이라고 한다. 이러한 라우팅 시스템을 활용하면 SPA 방식의 ..

Hook이란?Hook은 React v16.8 부터 새롭게 도입된 기능으로, 이를 활용하면 클래스 컴포넌트를 작성할 필요 없이 함수 컴포넌트에서도 state 관리와 생명 주기(lifecycle) 메소드 등 여러 다양한 React 기능들을 사용할 수 있다.Hook은 state, context, ref, lifecycle 등과 같은 다양한 React 개념을 사용자가 손쉽게 사용할 수 있도록 좀 더 직관적인 API(내장 Hook)를 제공한다. 또한, 컴포넌트 사이의 state 관련 로직을 재사용하기 위해 사용자가 직접 자신만의 Hook을 만들어 사용할 수도 있다.Hook의 특징Hook을 사용하면 컴포넌트로부터 state 관련 로직을 추상화할 수 있으며, 이를 활용하여 독립적인 테스트와 로직의 재사용이 가능해진다..

조건부 렌더링(conditional rendering)React에서는 상황에 따라 동일한 컴포넌트이지만 서로 다른 내용을 화면에 표시해야 할 경우가 생길 수 있다. 이러한 경우 다음과 같은 방법들을 사용하여 조건부로 JSX 코드를 렌더링할 수 있다.if / else 조건문삼항 연산자(? :)논리 AND 연산자(&&)React에서 조건부 렌더링은 자바스크립트의 조건문 처리와 비슷하게 동작한다. if 문이나 조건부 연산자와 같은 자바스크립트 연산자를 사용하여 현재 상태를 나타내는 엘리먼트를 생성하면, React는 현재 상태에 맞도록 UI를 업데이트할 것이다.if / else 조건문// LoginPanel.js// 사용자의 로그인 상태에 따라 Login 버튼과 Logout 버튼의 렌더링 여부를 결정const ..

이벤트 핸들링이벤트 핸들러 추가하기이벤트 핸들러(event handler)란 사용자의 마우스 클릭이나 키보드 동작, 사용자 입력의 포커스 등과 같은 이벤트가 발생했을 때 그 처리를 담당하는 실행 함수를 가리킨다. React에서는 이러한 이벤트 핸들러를 JSX 코드 내에 작성하여 추가함으로써 해당 이벤트를 처리할 수 있다.// 버튼을 클릭하면 간단한 경고 대화 상자를 띄우는 예제// App.jsconst App = () => { const handleClick = () => { alert("버튼을 클릭했습니다!"); }; return 클릭하세요!;};export default App;React에서 이벤트 핸들러의 이름은 일반적으로 ‘handle’이라는 단어로 시작하여 처리하고자 하는 이벤트명을 ..