728x90 리액트6 [유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 - JavaScript 기본 JavaScript HTML,CSS,JS 작동 순서 DOM( Document Object Model) - DOM은 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식을 의미 - 문서 객체가 생성되는 방식 1. 정적으로 문서 객체를 생성: 웹 브라우저가 HTML 페이지에 적혀 있는 태그를 읽으면 생성 하는 것 2. 동적으로 문서 객체를 생성: 원래 HTML 페이지에 없던 문서객체를 JavaScript를 이용해서 생성 innerHTML 사용 document.getElementById("demo").innerHTML = 5+6; console.log()사용 console.log(5+6); 변수와 상수 JavaScript 함수 구문 - JavaScript 함수는 function 키워드, 이름, 괄호() .. 2023. 6. 16. [유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 - CSS 활용 CSS - Cascading Style Sheets의 약자 - 한 번에 여러 웹 페이지의 레이아웃을 제어 할 수 있다. - Cascading: 연속화 (cascade:폭포) CSS 작성방법 CSS Selector CSS 삽입 - HTML이 웹 문서의 뼈대를 만드는 것이라면, CSS는 색상이나 크기, 이미지 등 디자인 요소 담당 1. 내부 스타일 시트에 삽입 방법 2. 외부 스타일 시트를 import하여 사용 3. 인라인 스타일 시트: html 파일에서 스타일 직접 지정 This is a heading CSS 우선 적용 순위 안녕하세요. 서지원입니다. 우선순위 1 : 속성값 뒤에 important가 붙어 있는 속성 우선순위 2: 인라인 스타일로 적용되어 있는 속성 우선순위 3: 선택자에 id가 쓰인 속성 .. 2023. 6. 15. [유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 - 웹표준과 HTML5 지난 서비스 기획 수업을 마무리 하고 이번 주 부터는 웹개발의 첫 시작 부분인 HTML부터 다시 교육이 시작되었습니다. 시작하기 전엔 이걸 처음부터 다시 하는게 괜찮은걸까 했지만 지난 프로젝트에서 리액트로 진행하면서 굉장히 기초 부분에 있어 부족하다라는걸 느꼈던 나이기에 다시 기초 수업부터 듣는다는 건 어떻게 보면 복습도 하고 몰랐던 부분을 채워넣을 수 있을 기회라고 생각하였습니다. 우선 강사님에 대해서 소개해주셨는데 현재 주)세이프홈즈 대표이사님으로 계신다고 합니다...!! 뿐만 아니라 여기에 도움을 주실 멘토분들도 소개해주셨습니다. 수업 내용 웹 표준과 기초 상식 앞으로 계속해서 꾸준히 발전해나가야 할 역량들이네요 ㅎㅎ 저는 이러한 배경지식들이 나름 나중에 도움이 되는거 같더라고요! HTML5가 현재.. 2023. 6. 13. [유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 - 서비스 기획3 지난 시간에 이어 서비스 기획3 수업 시간을 가졌습니다. 이번 시간에는 아이디어 스케치에 대해 수업을 진행주셨습니다. 스케치라 평상시에 거의 해보지 않아서 뭔가 재밌을거 같다는 생각과 그림을 잘 못그려 살짝 걱정스러운 마음도 생겼었어요 ㅋㅋㅋ 그렇다면 이 아이디어 스케치를 해서 무엇을 얻게 되는건지 궁금해졌었는데요 바로 알려주셨습니다! 효율성은 어떻게 될까요? 1. 시간절약 - 공상을 현실적 밑그림으로 만든다. → 아이디어, 테이블설계, 의사전달 2. 큰 구조파악 - 전체스토리를 알 수 있음 대 > 중> 소 → 개념정립, 전략과 전술 3. 스토리텔링 - 진행과정의 스토리를 파악할 수 있음 → 시놉시스, 제안서, 스토리보드 그렇다면 이런 아이디어 스케치는 어디에 쓰일까.. 바로 스토리보드, 제안서, 시놉시.. 2023. 6. 11. 이전 1 2 다음 728x90
