web41 미디어쿼리 Media Queries 미디어 쿼리(Media Queries)는 CSS3의 모듈 중 하나로, 사이트에 접속하는 기기별로 적용할 CSS파일을 다르게 지정해 주는 기술입니다. 각 기기마다 서로 다른 레이아웃을 표시할 수 있습니다. 따로 모바일용 사이트를 제작하지 않고, 하나의 사이트로 모바일 기기 및 PC기기까지 대응할 수 있게 만드는 방법이 바로 미디어 쿼리입니다. www.mediaqueri.es Media Queries mediaqueri.es 미디어쿼리를 사용한 사이트를 소개하는 사이트 반응형 웹을 만드는 기본 기술인 가변 그리드와 미디어 쿼리는 모두 CSS로 작성하는데, 반응형 웹이 대중화되면서 이 두 가지 기술을 쉽게 사용할 수 있게 하나로 묶은 CSS 프레임워크가 여러 가지 등장했습니다. 그중에서 가장 많이 사용하는 것.. 2021. 9. 8. 자바스크립트 제어문 조건 연산자를 사용할 때는 ?왼쪽에 조건을 넣는다. :왼쪽에는 조건이 true일 때 실행할 명령을 넣고 :오른쪽에는 조건이 false일 때 실행할 명령을 넣는다. + 지금 이걸 할때가 아닌것 같아 잠시 보류!!! html먼저하자 javascript는 인터리어 같은 느낌이다. html, css로 뼈대부터 먼저 잡자! 건축을 먼저해야 할것 같다. 2021. 9. 7. 자바스크립트 변수, 상수 variable, constant 변수는 컴퓨터가 구별할 수 있게 이름을 붙여줘야 한다. var 변수이름; var apple; 규칙1. 변수의 이름은 의미 있게 짓는다. 규칙2. 여러단어를 연결한 변수 이름은 낙타 모양으로 만들어 준다. (Camel Case) 규칙3. 변수 이름의 첫 글자는 반드시 문자나 밑줄(_) 또는 달러기호($)로 시작해야 한다. 변수에 값을 저장하려면 변수 오른쪽에 = 기호를 붙이고 값이나 식을 쓰면 된다. var apple = "yammy"; //변수를 선언하면서 값을 저장 var banana; banana = "long and yummy"; //변수를 선언한 다음에 값을 저장 let으로 선언한 변수는 블록{}을 벗어나면 사용할 수 없다. const는 상숫값을 선언할 때 사용한다. 자료형(data type)이란.. 2021. 9. 6. 비주얼 스튜디오 코드 다운, 설치하는 방법 비주얼 스튜디오 코드. 홈페이지에서 다운 받고 한글판으로 변경. https://code.visualstudio.com/docs/?dv=osx Documentation for Visual Studio Code Find out how to set-up and get the most from Visual Studio Code. Optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 여기 사이트로 들어가면 본인이 사용하는 OS에 맞.. 2021. 9. 2. 자바스크립트 배워보기 웹에서 할 수 있는 모든 동작을 바로 자바스크립트로 만듭니다. 웹 개발 세상에 들어가기 위해 반드시 배워야 하는 언어. 프로그래밍은 실행과 반복이 중요하다. 웹을 다루려면 웹 브라우저가 사용하는 언어인 '자바스크립트'를 공부해야 합니다. 서버(server): 사용자의 검색 요청을 처리해 알맞은 정보를 전달해 주는 컴퓨터. 클라이언트(client): 웹 브라우저를 보여 주는 PC나 노트북, 모바일 기기 등. 웹 프로그래밍은 서버에서 사용자의 요청을 처리하거나 데이터를 관리하는 '백엔드 개발(back-end)'과 서버에서 받아 온 정보를 웹 브라우저에서 어떻게 보여 줄 것인지를 프로그래밍하는 '프런트엔드 개발(front-end)'로 나뉩니다. 프런트엔드: HTML, CSS, JAVAscript 백엔드: PH.. 2021. 8. 30. 이전 1 2 3 4 다음
