본문 바로가기

분류 전체보기79

[mini project 1] HTML, CSS 웹페이지 2 둘째 날 회고 폰트 적용 다운 받은 폰트 적용은 됐으나 어색한 부분이 있었는데 웹폰트 사이트를 찾아서 적용할 수 있게 됐다. 본래 사이트와 같은 폰트사이즈를 적용하면 비슷한 크기가 되는 것을 확인했다. 다른 조원 분이 폰트 적용이 되지 않는다고 물어보셨는데 이전의 경험을 토대로 웹폰트 사이트에서 제공하는 폰트 이름을 그대로 사용하면 된다고 알려드렸다. https://www.cdnfonts.com/futura-pt.font 해결 : 설치한 ttf파일명과 동일한 이름을 font-family 속성에서 사용하면 적용된다. 이미지 위치 조정 이전 페이지를 참고하면 6개의 사진 중 오른쪽 하단의 사진(HTML 태그 상 마지막) 만 인물이 가운데에 오도록 조정된 것을 볼 수 있다. 해결 : 개별 클래스를 부여했고 l.. 2024. 3. 20.
2024.03.20 21일차 Javascript 입출력, 조건문 Javascript 브라우저 입출력 브라우저 전용함수는 node.js 환경에서는 작동불가 prompt() : 브라우저에서 입력을 할 수 있게 해주는 함수 confirm() : 브라우저에서 확인/취소를 할 수 있게 해주는 함수 alert() : 브라우저에서 알림창을 띄우는 함수 const food = '돈까스'; const userName = '스윙스' console.log(`${food}의 왕 ${userName}`); // 브라우저 전용함수 : node.js 환경에서는 작동불가 // prompt() : 브라우저에서 입력을 할 수 있게 해주는 함수 // confirm() : 브라우저에서 확인/취소를 할 수 있게 해주는 함수 // alert() : 브라우저에서 알림창을 띄우는 함수 var yourName .. 2024. 3. 20.
[mini project 1] HTML, CSS 웹페이지 1 1. Git & Roll 간단한 미니 프로젝트로 웹사이트를 HTML과 CSS만을 사용해 각자 한 페이지씩 따라 만들어보게 됐다. Git 을 활용해 모르는 사람과 협업하게 되었는데 아주 간단한 방식으로 진행하려고 한다. 팀장을 정해 Git organization 으로 리포지토리를 생성 후 README.md, common.css 등 기초 설정을 한 뒤 Git clone을 통해 가져와 각자의 브랜치에서 작업하기로 했다. 따라하기로 한 웹사이트는 픽사 그 중에서 내가 고른 페이지는 CAREERS 페이지 사진과 텍스트가 모두 적절히 섞여 있어 선택했다. Pixar Animation Studios A COLLABORATION BETWEEN ART & TECHNOLOGY At Pixar, our goal is to .. 2024. 3. 19.
2024.03.19 20일차 Javascript 변수, 자료형, 연산자 * 이전과 중복되는 내용들은 제외 자바스크립트란 스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있음 * 컴파일 : 자연어 → 기계어로 번역 스크립트 : 동시통역, 번역본을 만든 후 반복 사용 할 수 없어 메모리 사용 높음, 즉각 실행에 최적화되어 실시간에 유리 웹 브라우저 + 서버사이드 실행 자바스크립트는 브라우저뿐만 아니라 서버에서도 실행 가능 node.js 는 서버에서 실행되는 자바스크립트 환경 이 외에도 자바스크립트 엔진(JavaScript engine)이라 불리는 특별한 프로그램이 들어 있는 모든 디바이스에서도 동작 브라우저엔 '자바스크립트 가상 머신’이라 불리는 엔진을 내장 V8 – Chrome과 Opera SpiderMonkey – Firefox IE.. 2024. 3. 19.

티스토리툴바