목록디바이스 융합 자바(Java)기반 풀스택 개발자 양성과정(과제) (44)
열심히 끝까지
[session을 이용한 장바구니 예제] 1. index.jsp(표지 페이지) 로그인 을 제공 이름(uname)을 입력하면 다음 페이지(main.jsp)로 이동 method="post" 2. main.jsp uname님, 반갑습니다! :D 물건을 구매하는 을 제공 / 물건 정보 담아서 보냄 5가지의 물건 > 우리가 알아서.... 개수 재고 신경 안씀 님, 반갑습니다! :D 아메리카노 카페라떼 카페모카 프라푸치노 스무디 구매하기 님, 반갑습니다! :D 키링 아이스홍시 은귀고리 스마트톡 식빵 구매하기 구매하기 3. 물건을 하나 select해서 전송하게 되면 add.jsp 실행 구매한 물건을 장바구니에 추가하는 로직] 장바구니 : 브라우저를 종료하면 사라지는 객체(session)에 저장 로직을 수행완료하면 다..
오후에 과제검사 + 각 팀 브리핑 과제 주사위게임 시작 버튼 누르면-> 화면에 주사위 굴러감 > 1~6 주사위 사진 일정 시간이 흐르면 컴 사용자 주사위 출력 주사위 출력 -> 이겼다! 비겼다. 졌다... >>> 내 코드 주사위 게임 컴퓨터 사용자 >> 강사님 코드 게임시작! >> 훨씬 더 짧고 보기 편하다 강사님의 방법 잘 기억해 놓을 것!
강사님 문제-------------------------- 1) [복습]prompt()에서 전화번호를 입력 010-1234-1234 => console.log()(대부분 콘솔로그) => 010-1234-**** ---------------------------------------------------- 2) 에서 검색어을 입력하고 Enter시 alert()으로 입력한 검색어가 출력됨
예제) 업다운 게임 1~100중에서 정답을 입력하세요! -> prompt() 정답은 랜덤하게 설정 -> Math를 사용하여 설정 up! down! 총 N번만에 정답을 맞추셨습니다! :D 내 코드-------------------------------------- UPDOWN 게임 강사님 코드--------------------------------
[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... - 덩어리로 비행기를 설계할 때 생기는 문제점 : 높은 의존성(반복 불가, 재사용 ..
[10분 테코톡] 웹 접근성 & 표준 - 미키 https://www.youtube.com/watch?v=xToJhmAJYCE 1. 웹 표준 1-1. 웹 표준이 등장한 배경 시간 흐름 : 초기 -> 중기 -> 말기 초기 : 넷스케이프 vs 인터넷 익스플로러 - why? 웹을 장악하기 위해! > 이 때, 개발자 = 고래 싸움에 등 터진 새우 why? 넷스케이프와 인터넷 익스플로러, 두 가지 버전의 페이지를 모두 개발했어야 하기 때문 중기 : 윈도우98이 인터넷 익스플로러 기본 탑재 시작(넷스케이프 하락세), IE가 독점, IE는 자사에 유리한 플러그인을 대거 채용 > 호완성 고려X ex ) Active X 말기 : 스마트폰의 등장 > 특정 OS나 특정 브라우저에서만 동작하는 웹페이지의 자리는 사라짐, 웹 표..