열심히 끝까지

오후에 과제검사 + 각 팀 브리핑 과제 주사위게임 시작 버튼 누르면-> 화면에 주사위 굴러감 > 1~6 주사위 사진 일정 시간이 흐르면 컴 사용자 주사위 출력 주사위 출력 -> 이겼다! 비겼다. 졌다... >>> 내 코드 주사위 게임 컴퓨터 사용자 >> 강사님 코드 게임시작! >> 훨씬 더 짧고 보기 편하다 강사님의 방법 잘 기억해 놓을 것!

강사님 문제-------------------------- 1) [복습]prompt()에서 전화번호를 입력 010-1234-1234 => console.log()(대부분 콘솔로그) => 010-1234-**** ---------------------------------------------------- 2) 에서 검색어을 입력하고 Enter시 alert()으로 입력한 검색어가 출력됨

[오늘 수업] [이벤트] 화면에 박스가 하나 있을 때 -> 마우스 클릭(ONCLICK)을 하면 박스가 원모양으로 바뀜 >> 기능이 추가되어있음 == 이벤트가 추가되어있음 >> 이벤트 기본 구성 - 이벤트 트리거 : 이벤트를 발생시키는 신호(html 요소에 검) ex) click, dbclick, mouseover, keydown, keypress,... - 이벤트 핸들러 : 실제 발생되는 이벤트 내용 >> 이벤트가 진행이 안된다? - 트리거를 연결을 잘 했나 - 핸들러 내용이 올바르지 않은가? html에서 사용하는 요소에게 이름을 부여하는 방식 - id 속성 걸어주기 - class 속성 걸어주기 - name 속성 걸어주기 >> 브라우저마다 해석이 다르기 때문에 event.keyCode가 뜨지 않을 수 도..

예제) 업다운 게임 1~100중에서 정답을 입력하세요! -> prompt() 정답은 랜덤하게 설정 -> Math를 사용하여 설정 up! down! 총 N번만에 정답을 맞추셨습니다! :D 내 코드-------------------------------------- UPDOWN 게임 강사님 코드--------------------------------

JS(Java Script) 페이지------ 구조 html 스타일 css 동작 js >> js = 프론트엔드의 대표적 * js 코딩테스트도 준비하면 좋음!!! * 코테에서도 많이 나오고 비중이 있는 언어! >> 기본적으로 꼭 알아야 하는 것들을 진행 >> 시간=1주일정도 Java Script : 스크립트 언어 : 인터프리터 언어(Python, SQL, JS) : 채팅형 언어, line by line(한 줄 씩 실행 가능) script언어를 해석하는 번역가 동일해야 넘어감 >> 둘이 같은 지 물어보는 것에서 쓰임 2. 웹 페이지에서 요소(태그)의 기능을 담당 ex ) 위젯의 움직임, 챗봇(기능, 동작에 대한 코딩) - 변수를 어떻게 선언하는가? >> 자바 스크립트에서 변수를 선언할 때, 두가지 변수 존재..

[10분 테코톡] Flex Layout - 콜린 https://www.youtube.com/watch?v=JQ0jO3B43YQ - Layout Layout이란?(HTML, CSS) : 문서 위에 상자를 적절한 위치에 배치하는 방법을 의미 : HTML에서 요소(상자)를 배치하는 방법 - normal flow : 브라우저가 기본값으로 HTML 페이지를 배치하는 방법을 의미 : 두 가지 배치 방법 존재 1. Block 형태 : 자신의 부모요소 너비를 전부 차지 : 새로운 블록을 추가할 시, 다음 라인 개행되어 추가하는 형태 2. inline 형태 : 부모 너비의 전부를 차지하지 않고 자신의 컨텐츠 영역만큼만 너비를 차지 : 부모의 최대 너비를 넘지 않는 선에서 나란히 위치 if. 부모의 너비를 넘기면? - 개..

[10분 테코톡] CSS 방법론 - 동동 https://www.youtube.com/watch?v=B70h37mpD74&t=555s 1. CSS란? - HTML 또는 XML로 쓰여진 문서의 스타일을 나타내기 위해 사용되는 언어 - 문서의 구조와 스타일(디자인)을 분리하여 HTML이나 XML의 각 요소를 꾸미는 것이 역할 2. CSS 등장 이전/이후의 스타일링 2-1. CSS 등장 이전 - 각 요소의 전용 속성이나 style 속성으로 스타일을 일일이 지정 >> 발생하는 문제점 - 같은 스타일 요소를 여러 페이지마다 사용하면, 하나를 수정할 때마다 그만큼 반복하여 수정해야 함 - HTML은 본래 문서 구조를 의미하므로 HTML에 직접 스타일을 지정하는 것은 바람직하지 않음 2-2. CCS 등장 이후' - C..

[10분 테코톡] 프론트엔드에서 Component란? - 브랜 https://www.youtube.com/watch?v=2C1tXVHu9XQ 1. 컴포넌트 - 컴포넌트란? : A part or element of a larger whole, especially a part of a machine or vehicle. : 전체의 부분 ex ) 비행기의 구성 : 동체, 꼬리, 날개 부분으로 이루어짐, 200개 정도의 주요 부품으로 구성 200개의 중요부품은 더 작은 부품으로 구성, >> 한 대의 비행기에 200만개 정도의 부품이 들어감 >> 컴포넌트라는 개념이 없다면? - 비행기를 하나의 덩어리로 구상이 가능한가? No... - 덩어리로 비행기를 설계할 때 생기는 문제점 : 높은 의존성(반복 불가, 재사용 ..