모카 스터디/웹 지식 썸네일형 리스트형 OAuth [생활코딩] 역활 등록 사용자의 아이디와 비밀번호가 아닌 우리 서비스 자체의 아이디와 비밀번호이다 ! 클라이언트 아이디 클라이언트 시크릿 authorized redirect URIs 이 세개가 공통적으로 필요하다. 아이디는 외부에 노출되어도 되지만 시크릿은 절대로 외부에 노출이되면 안된다. resource서버가 authorized code를 보내주는데 그걸 authorized redirect URIs로 보내달라고 요청한다. 위와 같은 과정으로 필요한 클라이언트 아이디 클라이언트 시크릿 authorized redirect URIs 3가지를 얻을 수 있다. Resource Owner의 승인 클라가 저 세가지 소셜 로그인 화면을 보여주어야 하며 그 화면을 누르면 각각에 맞는 클라 아이디와 스코프 리다이렉트 url를 누른.. 더보기 PHP [생활코딩] 추후 필요 시 공부 후 포스팅 코스 소개 사람이 웹페이지를 하나하나 직접 만드는것에 지침 ==> 통합적을 관리하는 것에 대한 필요성을 느낌 또한 웹사이트의 소유자만이 컨텐츠를 관리(수정,생상,제거)를 할 수 있었다. 그래서 HTML 작성을 기계에게 맞기고 싶다는 생각을 하게 되었고 왼쪽과 같은 기술들이 생겨나게 되었다. 즉, 웹사이트가 자동으로 컨텐츠를 HTML로 만든다. ! ==> 하나의 파일로 여러개의 페이지를 관리할 수 있다. PHP의 설치 주로 비트나미를 사용하여 웹서버를 설치한다. (appache,mysql,php) php는 혼자서 돌아가는 프로그램이 아니라 appache라는 프로그램에 기생해서 동작한다. PHP의 원리 PHP의 기초 PHP의 URL파라미터 PHP함수 PHP 제어문과 조건문 PHP 반복문과 배열 PHP 함수 .. 더보기 jQuery [리액트와의 비교] jQuery는 JavaScript를 기반으로 한 빠르고 간편한 웹 개발을 위한 오픈 소스 JavaScript 라이브러리이다. JQuery는 웹 페이지 상호작용, HTML 문서 탐색, 애니메이션, 이벤트 처리 등을 단순화하고 쉽게 구현하도록 도와준다. jQuery를 사용하면 일반적으로 반복적이고 복잡한 JavaScript 코드를 짧게 줄일 수 있으며, 브라우저 간의 호환성 문제를 해결하는 데 도움이 됩니다. 또한 HTML 문서의 요소를 선택하고 조작하거나, 이벤트를 처리하고 애니메이션 효과를 적용하는 등의 작업을 쉽게 수행할 수 있습니다. jQuery의 주요 특징은 다음과 같다. 선택자 (Selectors): CSS 선택자를 사용하여 HTML 문서의 요소를 쉽게 선택할 수 있습니다. 예를 들어, $('di.. 더보기 Ajax [생활코딩] Ajax는 "Asynchronous JavaScript and XML"의 약자로, 웹 애플리케이션에서 비동기적으로 데이터를 교환하기 위한 기술 Ajax를 사용하면 웹 페이지의 새로고침 없이도 서버와 데이터를 주고받을 수 있으며, 동적인 웹 콘텐츠를 구현하는 데 매우 유용 코스 소개 및 목적 웹페이지의 정보를 구분적으 운영을 하고 싶어짐 한 단어 한단어 필 때마다 추천 검색어가 달라진다. 그때 그떄 서버와의 통신이 이루어 진다. 즉, 모든 페이지가 아닌 원하는 부분만 다운을 받아 정보를 얻어올 수 있다. ajax로 부터 동적으로 데이터를 불러 오기 !1 fetch API 서버에게 css라는 파일을 요구하고 응답이 끝나면 alert가 실행되면서 서버가 응답한 데이터가 text에 저장된다. 원리를 모르고 사용.. 더보기 JavaScript [생활코딩] HTML과 Javascript의 만남 HTML은 정적이지만 동적인 웹페이지를 원해 JavaScript가 등장하게 되었다. body를 선택하여 스타일 속성으로 배경색을 white로 한다. html의 style속성에는 css 문법이 와야한다. html의 코드로 이제부터 javascipt가 시작됩니다~ html의 onclick이라는 속성에는 JS 문법이 와야한다. 웹브라우저 상에서 일어나는 사건, 행동은 이벤트 라고 한다. 태그를 선택한 후 스타일을 입힌다. 데이터 타입, 변수, 웹브라우저 변수를 문자열 내에 삽이할 경우 " + +" 사이에 넣으면 된다. 프로그램, 프로그래밍, 프로그래머 순서 순서를 만든다. 순서를 만드는 사람 순서를 반복되고 특정한 상황에서만 그 순서를 실행하게 하는것!! 조건문 객체 서로.. 더보기 CSS [생활코딩] CSS 등장 이전과 이후 2만개의 태그의 폰트를 바꿔야 한다고 생각하면 HTML만으로 웹개발 하기에는 끔찍하다. style이라는 태그는 html의 문법으로 해석이 되지만 태그 내의 문장은 css의 문법에 맞게 처리. 즉, CSS를 통해서 중복을 해결할 수 있다. CSS문법 class를 사용 id를 사용 id값이 class보다 더 우선 순위가 높은 소유권을 가진다. 박스 모델 h1태그는 한줄을 다 사용하지만 a태그는 한줄을 통으로 사용하지 않는다. 한줄을 다 사용하는 것을 block level element 한줄을 다 사용하지 않는것을 inline element ==>display라는 속성을 사용해서 inline과 block성질을 변경 할 수 있다. none을 주면 사라진다. span은 inline. di.. 더보기 HTTP [생활코딩] HTTP는 크게 Reques와 Response를 위한 메세지로 구분 되어 있다. HTTP Request HTTP Response 더보기 개발자라면 알아야 할 Shell 명령어 (Power Shell) 1. pwd (Print Working Directory) 지금 자신이 어떤 경로에 있는지 알 수 있다. 2. ls 자세히 (List) 현재 디렉토리에 있는 폴더와 파일들을 확인 할 수있다. ls -name 이름만 보고싶을때 ls -force 숨겨진 파일까지 확인 파일 열기 explorer (파일명 3. cd (이동경로) 디렉토리로 이동 cd .. 상위 디렉토리로 이동 cd ~ 최상위 디렉토리로 이동 ex) C:\Users\acyc0 4. get-childitem -File -Filter "*.txt" -Recurse .txt인 모든 파일 찾기 5. gcm (node) (get-command) node의 디렉토리 위치를 알수 있다. 6(리눅스). touch 파일생성 // 없으면 파일을 생성하고, 있으면 .. 더보기 이전 1 2 3 다음
