프로그래밍 연습
-
웹표준 사이트 레이아웃 만들기 연습 1 스스로 코드 작성하기프로그래밍 연습 2020. 10. 14. 17:58
웹표준 사이트 레이아웃 만들기 연습 1 스스로 코드 작성하기 오늘은 동영상을 보지 않고 완성 예제만 보고서 스스로 코드를 작성했다. 완성 예제와 소스코드는 아래 내가 작성한 포스팅 혹은 WebStoryBoy님 티스토리 블로그나 유투브에 들어가면 확인할 수 있다. 초반에 기초지식 없이 WebStoryBoy님 강의를 무작정 따라하며 기계적으로 암기가 되었고, 태그사전으로 각 태그들의 정의도 정리하고 있었다. 오늘은 Layout01을 완성예제만 띄어놓고, 직접 코드를 작성하고 정리하려고 한다. 01. 주석을 지정하는 자리가 따로 있다 주석이란 개발자들이 소스코드에 대한 정보를 공유하기 쉽게 작성하는 일종의 메모 같은 것인데, 브라우저 상에는 노출되지 않는다. 처음엔 위치를 고려하지 않고 편한대로 작성했다. 내..
-
인프런 실전 HTML CSS 강좌 정리 - HTML 기본3프로그래밍 연습 2020. 10. 13. 10:51
인프런 실전 HTML CSS 강좌 정리 - HTML 기본3 1. 블록태그 태그처럼 대행이 없지만 블록 쌓듯이 밑으로 나열되는 태그 지난번 정리했던 태그와 List태그가 해당된다. 2. 인라인태그 블록태그와 다르게 옆으로 쭉 나열되는 태그로 인라인 요소가 들어가 있다. 오늘 정리한 태그가 있다. 3. 태그 인라인 요소를 그룹화를 정의한다. 주변 요소와 구별하기 위하거나 다른 적절한 태그가 없는 경우에 사용한다. CSS 스타일링 사용을 위해 설정하는 경우가 많다. 비교 (Compare) 블록 요소를 그룹화한다면 를 사용한다. 인라인 요소를 그룹화한다면 태그를 사용한다. 4. 태그 미디어 영상을 재생하며, 태그와 같이 사용한다. 5. 폼 태그 태그 데이터를 입력할 수 있는 폼 컨트롤을 정의한다. 사용자가 입력..
-
인프런 실전 HTML CSS 강좌 정리 - HTML 기본2프로그래밍 연습 2020. 10. 10. 18:23
인프런 실전 HTML CSS 강좌 정리 - HTML 기본2 https://youtu.be/HheApDKZkRo 리스트 태그 , , , , , 1. 순서가 필요 없는 목록 태그 : unordered list 태그 : list item 2. 순서가 정해져 있는 목록 태그 : ordered list 3. 정의 리스트 태그 태그 - Definition List - 용어의 목록의 시작과 끝을 지정하는데 쓰인다 - 하위요소로는 , 태그가 있다 태그 - Definition Team 약자 - 정의하고자 하는 제목을 나타내는 데 사용된다. 태그 - Definition Description의 약자 - 내용을 적을 곳에 사용된다. , , 모두 블록 요소(Block Element) 속성이다. 4. a 태그 속성 링크 클릭시 ..
-
웹표준 사이트 레이아웃 만들기 연습 1프로그래밍 연습 2020. 10. 9. 23:25
웹표준 사이트 레이아웃 만들기 연습 1 인프런 기초강의를 보면서 차근차근 진행하고 있는 Webstoryboy님 영상이다. 보면서 차근차근 태그 개념도 알아갈 겸 정리하는 중. 01. 웹 표준 사이트 만들기(2019) - layout01 https://wtss.tistory.com/168#comment17580504 01. 웹 표준 사이트 만들기(2019) - layout01 사이트를 만들기 전에 레이아웃을 익히는 것은 가장 기본입니다. 웹 페이지의 레이아웃은 웹 사이트의 외관을 결정짓는 매우 중요한 요소입니다. 앞으로 나오는 레이아웃 예제를 하나하나씩 따 wtss.tistory.com 완성 예제 소스는 위 사이트 주소로 들어가면 된다. 블록구조로 div를 쓰면 한 영역을 자기의 영역으로 인식하기 때문에 ..
-
인프런 실전 HTML CSS 강좌 정리 - HTML 기본프로그래밍 연습 2020. 10. 9. 19:28
인프런 실전 HTML CSS 강좌 정리 - HTML 기본 1- https://inf.run/5E6Q 실전 HTML & CSS 강좌 - 인프런 Web을구성하고있는HTML5 과 CSS3 를 다루는 강좌 입니다. 입문 웹 개발 HTML/CSS 웹 퍼블리싱 온라인 강의 css 강좌 www.inflearn.com 인프런에서 HTML CSS 무료강좌를 들으면서 배운 내용을 토대로 찾아가며 정리한 내용들이다. HTML과 CSS 태그 관련해서 궁금한 부분은 유투브 Webstoryboy에 올라와 있는 레퍼런스를 참고하면 된다. HTML 레퍼런스 https://webzz.tistory.com/221 CSS 레퍼런스 https://webzz.tistory.com/353 HTML 웹 문서를 표현하기 위한 하이퍼 텍스트 마크업..
-
더블릿 C언어 if 반복문 프로그램 명: troy프로그래밍 연습/C언어_더블릿 연습문제 2020. 9. 24. 23:14
더블릿 C언어 if 반복문 프로그램 명: troy 프로그램 명: troy 제한시간: 1 초 트로이 전쟁은 그리스 로마 신화에서 나오는 전쟁이다. 트로이 군과 그리스 군이 싸우는데,그리스군은 트로이을 멸망시키려고 하는데,그 방법을 모른다. 그래서 그리스군이 예언자 칼카스를 불러 트로이를 멸망시키는 방법에 대해 알아보았다. 칼카스는 트로이를 멸망시키려면 네 가지 일이 이루어져야 한다고 말했다. 그중에서 세 가지는 했는데,마지막 한 가지,트로이 성의 대들보를 부수는 것이 아직 이루어지지 않았다. 하지만 트로이 성은 태양의 신 아폴론과 바다의 신 포세이돈이 쌓은 것이라 그리스 군이 부수지 못한다. 그래서 그리스 군의 오디세우스 장군이 목마를 이용해 대들보를 부수는 방법을 생각해냈다. 목마를 만드는 데는 목재 1..
-
더블릿 C언어 지하 차도/truck프로그래밍 연습/C언어_더블릿 연습문제 2020. 9. 22. 20:45
더블릿 C언어 지하 차도/truck 프로그램 명: truck 제한시간: 1 초 제 1 지하차도 를 지나면 2 지하차도 를 지나면 3 지하차도로 이어져있다. 차의 높이가 168 인 경우 세 지하차도의 높이가 주어질 때 지하차도에 충돌하지 않고 건널수 있는지 ( NO CRASH ) 아니면 지하차도에 부딪히는지 ( CRASH X )를 알아내는 프로그램을 작성하는 것이 문제이다. 입력 지하차도의 높이가 입력으로 주어진다. 각 지하차도의 높이는 0 에서 300 이다. 출력 세 개의 지하차도를 무사히 빠져 나가면 "NO CRASH" 를 출력하고 아니면 "CRASH X" 를 출력한다. 즉 지하차도의 높이는 168 이하이면 부딪히고 , X 는 최초로 부딪히는 지하차도의 높이이다. 입출력 예 입력 180 160 170 ..
-
더블릿 2계단 조건문 if 해킹 회사/hack프로그래밍 연습/C언어_더블릿 연습문제 2020. 9. 21. 20:59
더블릿 2계단 조건문 if 해킹 회사/hack 프로그램 명:hack 당신은 해킹회사의 사장이다. 이 회사는 친구들을 골리는데 사용하는 악의적인 소프트웨어를 개발하여 이제 출시를 눈 앞에 두고 있다. 가능한 더 많은 제품을 팔기위해 홍보를 고려하고 있다. 홍보를 할 경우의 수입과 하지 않을 경우의 수입을 알때 홍보를 하는 것이 유리한가 아니면 하지 않는 것이 유리한가 아니면 하던 안 하던 수입은 관계가 없는가를 알고자 한다. 입력 입력은 세 개의 정수 r , e ,c 가 주어진다. r 은 홍보를 하지 않을 경우의 수입 e 는 홍보를 할 경우의 수입 c 는 홍보 비용 출력 세 가지 중 하나를 출력한다. "advertise" : 홍보를 할 경우 유리한 경우 "do not advertise" : 차라리 홍보를 ..