본문 바로가기
반응형

분류 전체보기52

[JavaScript] 2020년도 지방기능경기대회 과제(웹디자인 및 개발) 공부하기2 * 본 포스팅은 필자가 개인적으로 학습한 내용정리 및 리뷰를 위해 포스팅합니다. { "products": [ { "id": 0, "title": "식기세척기", "brand": "세척나라", "photo": "pr1.jpg", "price": 10000 }, { "id": 1, "title": "원목 침대 프레임", "brand": "침대나라", "photo": "pr2.jpg", "price": 20000 }, { "id": 2, "title": "천연 디퓨저 세트", "brand": "향기나라", "photo": "pr3.jpg", "price": 30000 }, { "id": 3, "title": "시원한 서큘레이터", "brand": "바람나라", "photo": "pr4.jpg", "price".. 2023. 1. 20.
[JavaScript] 2020년도 지방기능경기대회 과제(웹디자인 및 개발) 공부하기 * 본 포스팅은 필자가 개인적으로 학습한 내용정리 및 리뷰를 위해 포스팅합니다. 20년도 지방기능경기대회에서 javascript를 연습하기 좋은 기회라는 정보를 알게 되어 한번 풀어보았다. https://meister.hrdkorea.or.kr/sub/3/6/4/informationSquare/enforceData.do 시행자료 및 공개과제 meister.hrdkorea.or.kr 간략하게 요약하자면 스토어 페이지를 만드는것으로 사용자가 리스트를 검색하고 장바구니에 담기 또는 드래그하여 상품을 추가하고 합산한 금액을 보여주고 정보를 입력하면 영수증을 띄우는 간단한 페이지를 만드는 것이다. ▲ 화면은 간단하게 상단의 검색기능, 중앙에는 상품리스트와 장바구니 하단에는 가격과 구매버튼을 배치하였다. 보다 나은.. 2023. 1. 18.
[안드로이드] final을 쓰는 이유 * 본 포스팅은 필자가 개인적으로 학습한 내용정리 및 리뷰를 위해 포스팅합니다. ViewFlipper를 사용하여 촬영한 사진을 보여주고 여기에 사진의 저장기능을 추가하는 코드의 일부분이다. // 호출할 다이얼로그 함수를 정의. public void callFunction(ArrayList bitmaps) { //커스텀 다이얼로그를 정의하기 위해 Dialog클래스 생성 final Dialog dlg = new Dialog(context); //액티비티의 타이틀바를 숨김 dlg.requestWindowFeature(Window.FEATURE_NO_TITLE); dlg.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT)); //커스텀 .. 2023. 1. 13.
[HTML/CSS] <div> 상자 배치 * 본 포스팅은 필자가 개인적으로 학습한 내용 정리 및 리뷰를 위해 포스팅합니다. html의 기본 각 태그를 나누는 상자 배치에 대해서 알아보자 ▲ margin : 바깥 레이아웃 여백 padding : 안쪽 여백 border : content 테두리 ● 상자가로 배치 , , 태그 에는 display: block(가로행을 전부 차지함) 기본으로 가지고 있다. 일부 스타일은 자동은 부모→자식 상속(inherit)된다. - display: block (한 행을 전부 차지) - display: inline(항상 옆으로 채워지는 폭과 너비가 없는 요소) - display: inline-block(내 크기만큼 차지) html을 작성했을 때 기본적으로 display: block속성으로 인해 ▲ 위의 그림처럼 한 줄씩.. 2022. 9. 6.
[HTML/CSS] Selector * 본 포스팅은 필자가 개인적으로 학습한 내용 정리 및 리뷰를 위해 포스팅합니다. css는 html 요소의 style을 정의한다. 정의를 위해서 html이 존재해야 하고 sytle을 적용하고자 하는 html요소를 특정할 필요가 있다. 이러한 목적으로 사용되는 것이 셀렉터이다. ● class selector test.css를 만들고 안에 .header class를 만들면 html에서는 class="header"로 추가한다(이름 중복은 피한다) ● tag selector 태그를 css에 넣을 때는 아무것도 붙이지 않고 태그의 이름을 넣는다 ● id selector id값을 넣고 싶을 때는 #id값을 넣도록 한다(id값과 태그 값보다는 클래스를 사용한다) 스타일이 겹칠 경우 우선순위에 따라 정해진다 (직접 태.. 2022. 9. 2.
[HTML/CSS] 기본기 다지기 * 본 포스팅은 필자가 개인적으로 학습한 내용 정리 및 리뷰를 위해 포스팅합니다. HTML/CSS 코드 작성에 대한 기본기 복습 시간을 가져보자 ● h1태그와 p태그 ● ol태그와 li태그 ▼ ● 이미지 가운데 정렬 ▼ ● 글자 설정 ▼ ▲ font-size속성으로 글자크기 조절 font-family 속성으로 글자의 폰트설정 color 속성으로 글자 색 설정 letter-spacing 속성으로 자간 설정 text-align: center 속성으로 가운데 정렬 ■ 글자 굵기 조절 ▲ font-weight 속성을 이용하여 100~900까지의 굵기를 조절할 수 있다 ( 태그로 감싸는 방법도 있다.) ● a태그의 밑줄을 없애는 방법 ▼ 결론 자주 사용하는 태그와 스타일링을 복습하는 시간을 가져보았다. 수도 없이.. 2022. 9. 1.
반응형