Gwni Lab GwniLab

연산자 연산자란 값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호인데 우리는 이미 연산자를 사용했다. 아래 예제 중에서 '='는 우항의 값인 1을 좌항의 변수 a에 대입하는 '대입 연산자'다. PHP의 주요 연산자는 PHP의 메뉴얼을 참고하자. 연산자가 무엇인가에 대한 이해를 돕기 위한 것일 뿐 외울 필요는 없다. 차차로 알게 된다. 1 $a=1; 비교 연산자 프로그래밍에서 비교란 주어진 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 것을 의미한다. 이 때 비교 연산자를 사용하는데 비교 연산자의 결과는 true나 false 중의 하나다. true는 비교 결과가 참이라는 의미이고, false는 거짓이라는 뜻이다. 아래는 주요한 비교 연산자들의 종류와 그에 따른 예제들이다. == 좌항과 우항을 비교..

PHP에서 변수는 달러 기호 다음에 변수 이름으로 표시됩니다. 변수 이름은 대소문자를 구분합니다. 변수 이름은 PHP의 다른 레이블과 동일한 규칙을 따릅니다. 유효한 변수 이름은 문자 또는 밑줄로 시작하고 그 뒤에 임의의 수의 문자, 숫자 또는 밑줄이 옵니다. 정규 표현식으로 다음과 같이 표현됩니다. ^[a-zA-Z_\x80-\xff][a-zA-Z0-9_\x80-\xff]*$ 참고 : 여기서 우리의 목적을 위해 문자는 az, AZ이고 128에서 255까지의 바이트( 0x80-0xff)입니다. 참고 : 는 할당할 수 없는 특수 변수입니다. PHP 7.1.0 이전에는 간접 할당(예: 변수 변수 사용 )이 가능했습니다. $this 팁 Userland Naming Guide 도 참조하십시오 . 변수 관련 함수에..

PHP 코드 영역 PHP 코드는 웹 페이지의 어느 부분에나 위치할 수 있습니다. 따라서 PHP 파서가 PHP 코드를 인식하기 위해서는 그 시작과 끝을 알려줄 필요가 있습니다. PHP 코드 영역을 알려주는 방식에는 다음과 같이 여러 가지 스타일을 사용할 수 있습니다. 문법 1. PHP 권장 스타일 : 2. HTML 스크립트 스타일 : ... 3. SGML 스타일 : 4. ASP 스타일 : PHP 권장 스타일과 HTML 스크립트 스타일은 그 어떤 상황에서도 정확히 인식될 것입니다. 하지만 SGML 스타일과 ASP 스타일은 php.ini 설정 파일의 특정 태그를 활성화했을 경우에만 정확히 인식될 것입니다. 따라서 서버별 이식성 문제 등을 피하기 위해서라도 PHP 권장 스타일을 사용하는 것이 좋습니다. PHP ..

제이쿼리(jQuery)란 제이쿼리는 웹사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈소스 기반의 자바스크립트 라이브러리입니다. “write less, do more(적게 작성하고, 많은 것을 하자)”라는 모토로 2006년 미국의 SW 개발자 존 레식(John Resig)이 발표하였습니다. 제이쿼리(jQuery)는 오픈소스 기반의 자바스크립트 라이브러리입니다. 제이쿼리는 다음과 같은 특장점을 가지고 있습니다. 웹페이지 상에서 엘리먼트(Element)를 쉽게 찾고 조작할 수 있습니다. 거의 모든 웹브라우저에 대응할 정도로 호환성이 매우 뛰어납니다. 네트워크, 애니메이션 등 다양한 기능을 제공합니다. 메소드 체이닝(Method chaining) 등 짧고 유지관리가 용이한 코드 작성을 지원합니다. ..

MySQL MySQL은 데이터베이스 소프트웨어입니다. 일반적을 데이터를 추가하거나 검색, 추출하는 기능을 모두 포함해서 데이터베이스라고 부릅니다. MySQL은 세계에서 가장 많이 쓰이는 오픈 소스의 관계형 데이터베이스 관리 시스템(RDBMS)입니다. MySQL은 PHP 스크립트 언어와 상호 연동이 잘 되면서 오픈소스로 개발된 무료 프로그램입니다. 그래서 홈페이지나 쇼핑몰(워드프레스, cafe24, 제로보드, 그누보드)등 일반적으로 웹 개발에 널리 사용하고 있습니다. MAMP 설치 MAMP 설치 MAMP 를 설치해줍니다. MAMP란 웹사이트를 개발할 때 쓰이는 기술 스택인 macOS, Apache, MySQL, PHP의 약어이자 설루션 스택입니다. 내 컴퓨터에 로컬 서버를 구축하기 위해 MAMP프로그램을 ..

Display CSS의 Display 속성은 웹페이지 상에서 엘리먼트들이 어떻게 보여지고 다른 엘리먼트와 어떻게 상호 배치되는지를 결정합니다. Block Block은 CSS의 Display 속성 중 하나입니다. display 속성이 block으로 지정된 엘리먼트는 전후 줄바꿈이 들어가 다른 엘리먼트들을 다른 줄로 밀어내고 혼자 한 줄을 차지합니다. 대표적인 block 엘리먼트로 이나 , 태그 등을 들 수 있습니다. Inline Inline은 CSS의 Display 속성 중 하나입니다. display 속성이 inline으로 지정된 엘리먼트는 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치됩니다. 대표적인 inline 엘리먼트로 이나 , 태그 등을 들 수 있습니다. 여기서 잠깐! 인라인 태그는 블록..

//만약에 reveal 클래스가 있는데 //글씨를 span으로 감싸주고 //글씨를 다시 넣어주기 const descWrap = document.querySelectorAll(".content__item__desc"); descWrap.forEach(desc=>{ if(desc.classList.contains("reveal")){ //content__item__desc에 reveal 클래스가 포함되어 있으면. let Text = desc.innerText; Text = "" + Text + ""; desc.innerHTML = Text; } }); //requestAnimationFrame()을 이용한 보다 효율적인 코딩. function scroll(){ let scrollTop = window.scr..

//글씨 쪼개기 // let text = document.querySelector("#section01 .content__item__desc"); // let splitText = text.innerText; // let splitWrap = splitText.split('').join(""); // splitWrap = "" + splitWrap + ""; // text.innerHTML = splitWrap; //여러개 글씨 쪼개기 document.querySelectorAll(".content__item__desc").forEach(desc=>{ let splitText = desc.innerText; let splitWrap = splitText.split('').join(""); splitWra..