오늘은 학원에서 배운 midiaQuery, flex, grid 를 복습할거다 브레이크 포인트(종단점)을 이용해 어떤 css를 적용할지 지정screen : 주로 화면이 대상이다 (default 값)all : 모든 장치에 적합print : 인쇄 결과물 및 출력 미리보기 화
선택자::after특정 요소의 컨텐츠 뒤에 새로운 요소를 삽입선택자 ::before 특정 요소 컨텐츠 앞에 새로운 요소를 삽입html 파일css 파일결과근데 ul에 inline-block을 주고 li에 float :left가 맞는건가 ,,둘중 하나만 줘도 될꺼같은데 ,
웹사이트의 모습을 기술하기 위한 마크업 언어.프로그래밍 언어가 아니라 마크업 정보를 표현하는 마크업 언어로 문서의 내용 이외의 문서의 구조나 서식 같은 것을 포함한다. 보면 알겠지만 애초에 이름 HTML의 ML이 마크업 언어라는 뜻이다. 웹사이트에서 흔히 볼 수 있는
HTML 등의 마크업 언어로 작성된 문서가 실제로 웹사이트에 표현되는 방법을 정해주는 스타일 시트 언어.CSS의 C가 Cascading의 약자인데, 이는 상위 요소의 스타일 속성을 자손 요소들에게 상속시켜주는 모습이 DOM 트리구조에서 마치 폭포수처럼 내려가는 모습을
다수의 사용자에 의해 공유되어 사용될 목적으로 통합하여 관리되는 데이터의 집합데이터베이스를 관리하며 응용 프로그램들이 데이터베이스를 공유하며 사용할 수 있는 환경을 제공하는 소프트웨어현재는 RDBMS(Relational DBMS)를 주로 사용SQL(Structured
DML 중 하나로 저장되어 있는 데이터를 조회하기 위해 사용하는 쿼리테이블의 모든 데이터 조회 : \*(Asterisk)특정 컬럼만 조회비교 연산자 : =, >=, <=, >, <% : 글자수 상관없이 조회\_ : 언더바의 개수 만큼 글자의 개수가 제한되서
DML 중 하나로 저장 되어 있는 기존 데이터를 수정하기 위해 사용하는 쿼리기본공식DML 중 하나로 저장 되어 있는 기존 데이터를 삭제하기 위해 사용하는 쿼리기본공식
DML 중 하나로 신규 데이터를 저장하기 위해 사용하는 쿼리기본공식SELECT한 결과를 가지고 INSERT를 실행
데이터를 처리하고 분석하는데 사용하는 프로그램CAST(값 AS 데이터타입), CONVERT(값, 데이터타입)IF(수식, 참일 떄, 거짓일 때) : 수식이 참이면 참일때, 거짓이면 거짓일때 출력값1이 NULL이면 값2를 반환값1이 NULL이 아니면 값1을 반환수식1과 수
SUB QUERY 쿼리 안에 또다른 쿼리가 들어있는 쿼리 WHERE 절에 사용하는 서브쿼리 doo1부서장의 사원 정보 출력SELECT FROM employeesWHERE emp_no = ( SELECT emp_no FROM d
두개 이상의 테이블을 묶어서 하나의 결과 집합으로 출력두 테이블이 공통적으로 만족하는 레코드를 출력(교집합)LEFT JOIN으로 줄여서 많이 사용왼쪽 테이블을 기준 테이블로 두고 JOIN을 실행기준 테이블의 모든 데이터를 출력하고조인 대상 테이블에 없는 값은 NULL로
데이터베이스 테이블에 색인을 추가해 검색 성능의 속도를 높여주는 기능가상테이블로, 보안과 함꼐 사용자의 편의성을 높이기 위해서 사용 장점 : 복잡한 SQL를 편하게 조회 할 수 있다단점 : INDEX를 사용할 수 없어 조회 속도 느림일련의 쿼리를 모아 마치 하나의 함수
PHP 공식 사이트공식 사이트에서 각 설치 환경에 맞는 파일 다운로드공부 하는거니까 "Thread Safe" 버전 VS16 x64 Thread Safe의 zip파일 을 다운 받아준다 PHP 파일 배치C드라이브 직하에 php 폴더를 생성하고 다운로드한 파일들을 배치 PH
웹 페이지 개발에 특화 된 프로그래밍 언어컴파일 과정을 거치지 않고 실시간으로 텍스트를 분석하며 실행(인터프리터)상대적으로 컴파일 언어보다 실행 속도가 느리나 PHP 8.0부턴JIT 컴파일을 지원해 실행 속도가 크게 개선PHP 7 부터 모던PHP라고 하며, PHP 5
변수(variable)란 데이터(data)를 저장하기 위해 프로그램에 의해 이름을 할당받은 메모리 공간입니다.즉, 변수란 데이터(data)를 저장할 수 있는 메 모리 공간이며, 저장된 값은 변경될 수 있습니다.변수의 이름은 식별자(identifier)변수의 이름은 영
여러 종류의 데이터를 식별하는 분류PHP의 경우 하나의 변수에 어떤 타입의 데이터도 저장이 가능데이터 타입 변경은 “(데이터타입)변수”로 가능
연결 연산자 ✔ 변수 또는 문자열을 연결할 때 사용하는 연산자 닷(.)으로 연결 출력 해보기 "안녕,하세요!~" 산술 연산자 ✔ 산술 연산자는 사칙 연산을 다루는 가장 기본적이면서도 많이 사용하는 연산자이다. 산술 연산자는 모두 두 개의 피연산자를 가지는 이항
배열(array)이란? PHP에서 배열(array)은 맵(map)으로 이루어진, 순서가 있는 집합을 의미합니다. 맵(map)은 한 쌍의 키(key)와 값(value)으로 이루어져 있습니다. 1차원 배열
if문 이란? if 문은 실행 흐름을 결정합니다. 조건이 일치할 때만 if 블록의 코드를 실행합니다. 프로그램은 코드를 순차적으로 평가합니다. 첫 번째 조건이 참이면 시퀀스의 다른 모든 조건은 무시됩니다. 이것은 모든 조건문에 해당됩니다. 예시 if ~ else ~
for문 이란? 특정 처리를 반복해서 구현할때 사용하는 문법 기본 공식 예시 continue continue 아래의 처리를 건너뛰고 다음루프로 진행 예시 break문 처리중 break문을 만나면 루프를 종료 배열루프 예시 다중루프 루프 안에 루프가 있는 형태
while 표현식이 계속 TRUE면 반복 수행하도록 하라는것이다. 표현식의 값은 루프의 시작에서 매번 체크가 된다.예시 1예시 2while를 이용해서 구구단 2단 출력두가지 코드 둘다 같은 결과가 나오는데 위에꺼가 짧아서 보기좋다,,구구단 // 주말동안 연습하기
설치 패키지에 존재하는 PHP의 사전 정의된 함수문자열의 공백을 제거해줌출력해보면 공백이 제거된채로 "홍길동"이라고만 나온다 rtrim이나 ltrim으로 하면 오른쪽 공백이나 왼쪽공백 제거가 가능하지만 많이쓰진 않는다문자열(영어)이 대문자로 출력결과 => "ASDFFE
매개변수(parameter)와 인수(argument) 매개변수(parameter)란 함수를 호출할 때 인수로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수 함수의 인수(argument)란 함수가 호출될 때 함수로 값을 전달해주는 변수 대부분의 함수는 하나이상의
다른파일의 함수를 쓰기위해선 include를 써서 연결시켜 주면 된다 include는 한 파일에 단 한번만 쓸수있는데 include_once는 여러번을 쓸수있다include든 include_once든 둘다 다른파일에 있는 함수를 쓰기전에 먼저 작성되어야 한다requir
쿠키와 세션을 사용하는 이유는 ? HTTP프로토콜의 특징과 보안 때문에 사용 HTTP의 특징이란 ? connectionless(비연결성) : 클라이언트가 요청을 한 후 응답을 받으면 연결을 끊음 stateless(무상태) : 연결이 끊기는 순간 모든 상태정보는 사라짐
클래스(class)와 객체(object) 객체(objec)는 우리가 인식할 수 있는 사물 객체의 상태(state)와 행동(behavior)은 각각 프로퍼티(property)와 메소드(method)로 구현 객체(objec)를 만들어 내기위한 틀이나 설계도 같은 개념이 바
PDO 란 ?
예외처리(Exception) 이란? 프로그램실행 중에 발생하는 예외나 오류를 방지하고 처리하는 기술 기본 문법 예제
HTTP Method란 ? 클라이언트 - 서버 구조에서 요청과 응답이 이뤄지는 과정 GET Method 클라이언트의 입력 값을 받을려면 $_GET 전역 함수를 쓰면 된다 예시 하지만 print_r 로만 코드를 작성해서 값을 불러 올려면 유저가 값을 입력하기 전까
변하는 데이터를 저장하기 위한 공간최초 대입한 값이 절대 변하지 않는 값상수명은 모두 대문자이며, 단어와 단어 사이 언더바(\_)로 연결var중복 선언 가능, 재할당 가능, 함수레벨 스코프var의 경우 전역 스코프나 호이스팅 문제 등이 있으므로 사용을 지양하는 것이 좋
php에서 배웠던 for, while, switch, do_while은 동일해서 생략하고 for...in과 for...of만 정리해둘려고 한다모든 객체를 반복하는 문법, key에 접근모든 iterable객체를 반복하는 문법(String, Array, Map, Set,
하나의 변수에 여러 개의 값을 순차적으로 저장할 수 있는 데이터 구조데이터 타입은 Object여러 종류의 데이터 타입을 저장 가능배열의 크기는 동적으로 변화각 요소는 0부터 시작하는 인덱스를 가지고 이 인덱스를 사용해 배열의 특정 요소에 접근반복문을 이용하여 배열의 각
DOM은 HTML용 표준 객체 모델이자 프로그래밍 인터페이스DOM 모델은 객체 트리로 구성DOM은 객체로서의 HTML 요소와 속성, 요소에 엑세스 방법, 이벤트 등을 정의DOM은 HTML 요소에 접근, 변경, 추가, 삭제 등의 방법에 대한 표준
웹페이지에서 발생하는 사용자 상호작용을 말한다.DOM 요소에 이벤트 리스너를 추가하는 가장 현대적인 방법이벤트를 등록하는 가장 권장되는 방식동일한 이벤트를 여러번 사용 가능이벤트가 발생했을 때 해당 이벤트에 대한 정보를 포함하는 객체이벤트 핸들러 함수 내부에서 사용
자바스크립트는 싱글 스레드 언어이기 때문에 한 번에 하나의 작업만 수행할 수 있다. 즉, 이전 작업이 완료되어야 다음 작업을 수행할 수 있게 된다. 우리가 프로그래밍을 하면서 일반적으로 각 함수와 코드들이 위에서 아래로 차례로 동작하는 방식이라고 할 수 있다. 이러한
Promise 객체 JS의 비동기 프로그래밍에서 근간이 되는 기법 콜백지옥을 개선하기위해서 등장한 기법 Promise 생성 Promise 호출 콜백지옥과 개선 병렬 처리 방법(Promise.all()) async/await란? Promise 체이닝 또한 연결이
수학(Math) 객체란? 수학적인 처리하기 위한 속성과 메서드를 가진 내장 객체 Number 타입만 지원 랜덤값 최소값, 최대값, 절대값 시간/날짜(Date) 객체란? 시간과 날짜를 처리하기 위한 속성과 메서드를 가진 내장 객체 내부적으로 로컬 타이존에 따른
Asynchronous JavaScript And XML의 약어웹페이지에서 비동기 방식으로 서버와 통신을 하는 기술웹 페이지 전체를 갱신하지 않고 서버로부터 필요한 데이터를 받아와 일부분만 갱신 가능대표적으로 Fetch API방식과 axios방식을 사용일반적으로 JS
객체 지향 프로그래밍(Object-Oriented Programming, OOP)은 컴퓨터 프로그램을 명령어의 목록으로 보는 시각에서 벗어나 여러 개의 독립된 단위, '객체'들의 상호작용(메시지 주고받기, 데이터 처리 등)으로 프로그램 로직을 구성객체란 프로그램에서 사
문자열을 검색하거나 변경하기 위해 사용되는 패턴을 나타내는 문자열일반적으로 정규식(Regex) 로 줄여 부른다.복잡한 패턴의 문자열 검증 절차를 간단하게 표현 가능대부분의 언어에서 정규식 문법이 비슷하다.여러 기호를 조합하여 사용하기에 가독성이 좋지 않다.로컬 파트영어
Laravel 공식 사이트 https://laravel.kr PHP, DB, Apache Install 라라벨 프레임워크는 몇 가지 시스템 요구 사항이 있습니다. Laravel의 Version마다 상이하므로 확인이 필요합니다. Laravel 9.x 기준으로 웹 서버
라라벨에 포함된 단순하지만 강력한 템플릿 엔진블레이드 템플릿 구문이 php 코드로 컴파일 되어 동작블레이드 지시어를 통해 템플릿 상속 및 데이터 표시, PHP 제어 구조에 대해 편의성 제공파일 확장자는 .blade.php를 사용일반적으로 파일은 resources/vi
사용자 인터페이스를 구축하기 위한 JavaScript 프레임워크뷰는 CSR을 지원하는 프레임 워크이며, 뷰 라우터를 사용하여 SPA 구축이 용이 CSR & SSR 뷰 파일은 싱글 파일 컴포넌트(SFC : Single-File Components) 파일로 구성컴포넌트
서버에서 최소한의 HTML을 받고, 내부에 위치한 JS 파일을 통해 클라이언트에서 페이지를 렌더링하는 방식기술이 발전하면서 웹 페이지에서 제공하는 서비스가 복잡해짐으로서, React, Vue, Angular와 같은 프레임워크가 등장하며 CSR을 진행하는 경우가 많아졌다