728x90
반응형
- 프론트엔드 프로젝트 - 오늘의 집 클론 코딩2024-04-30 05:14:10해당 프로젝트는 웹 화면을 구상할 때, 보통 높이 값을 지정하지 않는다.높이 값을 지정하지 않는 이유는 블럭을 만들어 쌓아서 내린다고 생각하면 되기 때문이다.이번 프로젝트는 쌓아서 내린다는 것에 초점이 맞춰져 있는 프로젝트이다. GitHub - CJH-developer/Today-s-House-Clone: 오늘의집 메인 화면 클론 코딩오늘의집 메인 화면 클론 코딩. Contribute to CJH-developer/Today-s-House-Clone development by creating an account on GitHub.github.com 오늘의 집 | Notion해당 프로젝트는 웹 화면을 구현할 때, Height에 대한 개념을 조금 더 쌓기 위해서 실시한 클론 코딩 프로젝트입니다.luxuri..
- 프론트 엔드 프로젝트 - 대한 항공 메인 페이지 클론 코딩2024-04-30 05:06:39해당 프로젝트는 Flex 구조의 이해와 JavaScript 및 JQuery 연습을 위해 구현한 웹페이지 클론 코딩입니다. GitHub - CJH-developer/Clone_KoreaAirportContribute to CJH-developer/Clone_KoreaAirport development by creating an account on GitHub.github.com
- [ 바둑 교육 홈페이지 구축 ]2024-04-25 21:25:43J EDU 는 최종 프로젝트로 (주)거민 시스템의 요구 사항 정의서를 기반으로 구현하였습니다.J EDU는 바둑 교육 홈페이지로, 바둑의 원할한 접근성 및 보급을 위해 개발되었습니다.기능과 화면에 관한 상세 설명은 아래 노션 페이지에서 확인하실 수 있습니다. GitHub - CJH-developer/JEDU: JEDU Project ( 바둑 교육 사이트 개발 프로젝트 )JEDU Project ( 바둑 교육 사이트 개발 프로젝트 ). Contribute to CJH-developer/JEDU development by creating an account on GitHub.github.com J EDU - 바둑 교육 홈페이지 | NotionJ EDU 는 최종 프로젝트로 (주)거민 시스템의 요구 사항 정의서를..
- 취업관리시스템2024-04-06 15:09:09<figure id="og_1714420803792" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="article" data-og-title="J Career - LMS 취업 관리 솔루션 | Notion" data-og-description="J Career는 학교에서 재학생 또는 졸업생에게 제공하는 취업 정보 및 이력 관리 시스템입니다. 평소 학교의 취업 정보 시스템은 재학생들이 가까이 있음에도 불구하고 따로 구분되어 이용률이 저" data-og-host="luxurious-copper-0d5.notion.site" data-og-s..
- 키오스크 ( 주문 관리 ) 프로젝트2024-03-08 10:44:26키오스크란 ? 화면의 안내에 따라 터치스크린으로 스스로 주문하는 카드단말기로 사람과 대화하지 않고, 고객이 쉽게 이용할 수 있도록 설치된 무인단말기입니다. 고객이 직접 화면을 터치해 주문을 하고 결제까지 완료하는 결제시스템을 말합니다. 개요 사실 개요보다는 MVC Model 과 request / reponse 동작을 이해하는 데 초점을 맞춘 프로젝트를 진행하였습니다. "브이디컴퍼니"의 티오더 시스템은 많은 식당과 주류점에서 만날 수 있어 인상이 깊었는데, 클라이언트를 구성하는 과정과 내부 시스템이 어떻게 동작하는 지에 대해 공부할 수 있는 기회가 되었습니다. 브이디메뉴 | 국내최초 올인원 태블릿메뉴판 포스 연동으로 주문, 결제, 배달, 적립을 한 번에! www.vdmenu.co.kr 개발 일정 해당 프로..
- [JavsScript] API 활용2024-03-07 10:51:04[JavaScript] 비동기 AJAX [JavaScript] 이벤트 핸들러 ( DOM ) [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Fle hong-study.tistory.com API API는 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘이다. 예를 들어 카카오 소프트웨어 시스템에는 지도나 메신저 등의 데이터가 들어있고 이를 활용해 어려가지 기능을 구현 및 데이터를 받아서 사용할 수 있다. API는 Application Programming Interface ..
- [JavaScript] 비동기 AJAX2024-03-07 09:38:15[JavaScript] 이벤트 핸들러 ( DOM ) [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 hong-study.tistory.com [JavaScript] 이벤트핸들러 ( BOM ) [JavaScript] 이벤트 핸들러 ( DOM ) [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Fle h..
- [JavaScript] 이벤트핸들러 ( BOM )2024-03-07 09:21:08[JavaScript] 이벤트 핸들러 ( DOM ) [JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 hong-study.tistory.com BOM ( Browser Object Model ) BOM은 앞 선 DOM 문서에서 한 번 소개했듯이 브라우저 객체 모델이라 하고, 내장 객체들을 의미한다. window, location, history, document 등이 포함된다. BOM은 자바스크립트의 두 번째 강력한 기능이다. window 객체는 웹브라우저에 대한 전반적인 정보 취득이나..
- [JavaScript] 이벤트 핸들러 ( DOM )2024-03-07 09:16:21[JavaScript] 자바스크립트 이벤트 핸들러 [JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 위한 기술로, 컨테이너 내 항목의 공간 hong-study.tistory.com 이벤트 핸들러의 종류는 BOM과 DOM이 있는데, 해당 문서는 DOM을 먼저 다룬다. BOM ( Browser Object Model ) BOM은 브라우저 객체 모델로, 내장 객체를 의미한다. ▶ window, location, history, document 등이 포함된다. DOM ( Document Object Model ) DOM은 문서 객체 모델로, ..
- [JavaScript] 자바스크립트 이벤트 핸들러2024-03-06 18:07:05[JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 위한 기술로, 컨테이너 내 항목의 공간 배분과 정렬을 유연하게 관리 hong-study.tistory.com 이벤트 핸들러 이벤트 이벤트란 화면에서 클릭이나 동작이 발생하는 동적인 기능이다. ▶ 자바 스크립트의 첫번째 강력한 기능이며, 사용방법만 암기한다면 충분히 적용이 가능하다. 태그와 스크립트의 이벤트를 연결하는 방식 ( 이벤트 앞에 ON 을 붙인다 ) 인라인 이벤트 모델 기본 이벤트 모델 표준 이벤트 모델 이벤트 종류 인라인 이벤트 모델 인라인 이벤트 모델은 HTML 요소에 직접 ..
- [JavaScript] 자바스크립트 기본 22024-03-06 17:56:43[JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 위한 기술로, 컨테이너 내 항목의 공간 배분과 정렬을 유연하게 관리합니다. 이를 통해 반응형 디자 hong-study.tistory.com 함수(선언적 함수) 자바스크립트에서 함수는 1급 최상위 함수이다. 객체지향 프로그래밍 언어에서 메서드의 기능보다 훨씬 더 많은 기능을 담당한다. 선언적 함수 반환 유형은 적지 않으며 매개변수도 적지 않을 수 있다. 매개 변수는 데이터 타입을 적지 않는다. 리턴은 적어도 되며 적지 않아도 된다. 선언적 함수는 함수 선언 이전에 호출하여도 에러를 발생시키지 않는다. 익명 함수 익명 함수는 변수에 ..
- [JavaScript] 자바스크립트 기본2024-03-06 17:44:05[HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 위한 기술로, 컨테이너 내 항목의 공간 배분과 정렬을 유연하게 관리합니다. 이를 통해 반응형 디자인 레이아웃이 쉬워 hong-study.tistory.com 자바스크립트 자바스크립트란 프로토타입 기반의 객체 지향 언어이다. 스크립트 언어의 특성 상 플랫폼에 독립적이며 모든 웹 브라우저에서 동일한 실행 결과를 얻을 수 있다. 프로그램 코드가 직접 html 문서에 삽입, 브라우저에서 html 파일을 읽을 때 같이 해석되고 실행된다. 클라이언트에서만 실행 ▶ 정보를 서버에 보낼 필요 없이 처리가 가능하다. Type Check 가 철저하기 않다. ▶ 즉, 변수들의 타입에 있어서..
728x90
반응형