반응형 분류 전체보기111 HTML 기본 구조와 태그(tag), 요소(element), 속성(attribute) HTML(Hypertext Markup Language)은 웹 페이지의 구조를 나타내기 위한 마크업 언어입니다. 웹 페이지의 전체적인 골격을 형성하고, CSS에 의해서 스타일링되거나 JS에 의해서 조작될 수 있는 요소들을 만든 다음, 그 안에 컨텐츠를 채워넣기 위해 사용됩니다. 기본적인 형태는 다음과 같습니다. 최상단에서 으로 이 html 문서의 타입을 정의합니다(DTD). 과거에는 이렇게 길고 복잡한 형태를 가지고 있었지만, html5 이후로는 아래와 같이 간소화되었습니다. 내용 html문서의 전체 내용은 태그가 감싸게 됩니다. html 태그에서 적용한 속성은 문서 전체에 적용되기 때문에 보통 lang 속성을 통해서 사용할 언어(한국-ko, 영어-en)를 지정해줍니다. 그 하위에 와 가 위치합니다. 에.. 2023. 1. 19. Javascript CDN을 피해야 하는 이유 CDN(Content Delivery or Distribution Network)이란 CDN은 콘텐츠를 분산하여 저장한 다음, 요청할 때마다 신속하게 전송해 주는 서버 집단을 말합니다. CDN은 웹사이트 로드 속도를 빠르게 해 준다는 이점이 있습니다. 웹사이트에 처음 접속했을 때 브라우저는 화면을 표시하기 위해 서버로부터 HTML, CSS, Javascript 등의 소스파일과 미디어 파일들을 다운로드하여야 합니다. 웹 서버로부터 물리적인 거리가 멀어질수록 전송 속도가 낮아지기 때문에 지역별로 속도의 차이가 발생하게 됩니다. CDN을 사용할 경우 전 세계에 있는 서버로 데이터가 분산되어 이런 속도 차이를 개선할 수 있습니다. 더보기 (https://www.cloudflare.com/ko-kr/learnin.. 2023. 1. 17. submit 버튼 쓰지 않고 submit하기 1. 폼 태그에 대한 간략한 설명 태그는 사용자로부터 값을 입력받기 위해 사용됩니다. 최근 개발되는 웹 또는 앱 서비스의 경우 가입 시 개인 정보 수집을 최소화하려는 경향을 보이고 있긴 합니다만, 전통적인 회원가입 페이지를 한번 떠올려보죠. 사용자는 의 내부에 있는 에 아이디와 비밀번호를 입력하고, 에서 생년월일을 고르고, 라디오 버튼이나 체크박스까지 모두 선택한 뒤에 마지막으로 또는 을 누릅니다. 이 '제출하기' 라는 행위를 통해서 폼에 입력된 데이터들은 서버로 전송되게 됩니다. 2. Submit 버튼의 대안 1) submit() 메서드로 submit하기 button이 아닌 어떤 html 요소를 클릭했을 때 submit이 이루어지도록 하려면, onclick 이벤트 발생 시 특정 폼을 지정하여 submi.. 2023. 1. 12. 프로토타이핑과 예광탄 1. 프로토타이핑을 통해 학습하라 프로토타입(Prototype)이란 완제품을 만들기 전에 특정 기능이나 외관 등에 대해 시험할 용도로 만들어지는 견본품을 말합니다. 다른 분야에서도 흔히 사용되는 방법입니다. 제품을 찍어내기 전에 하나를 먼저 만들어보고 문제점을 발견, 개선하여 비용을 줄이기 위해서죠. 개발을 할 때에도 프로토타이핑은 유용합니다. 프로토타이핑을 통해 제품에 대한 사용자의 반응과 요구 사항을 미리 파악할 수 있어, 이미 완성 단계에 이르른 프로젝트를 뒤엎어 버리는 불상사를 방지할 수 있습니다. 프로토타이핑의 대상이 되는 것은 프로토타입을 통해 시험하고 싶은 모든 것입니다. 보다 구체적으로 아키텍쳐, 새로운 기능, 외부 데이터, 써드파티 도구나 컴포넌트, 성능, UI를 프로토타이핑을 통해서 조.. 2023. 1. 10. 다이나믹 프로그래밍 Dynamic Programming 1. divide and conquer와 dynamic programming의 차이 divide and conquer(분할정복)는 하나의 문제를 해결할 수 있을 정도의 작은 부분으로 분할하여 하나하나 정복해나가는 프로그래밍 기법을 말합니다. 작게 나눌수록 복잡해 보였던 문제는 단순화되고 보다 쉽게 해결책을 도출해낼 수 있게 됩니다. dynamic programming(동적계획법)은 문제를 작은 조각들로 분해하여 한꺼번에 해결한다는 점에서 분할정복과 유사해보입니다. 하지만 분명한 차이가 있습니다. 분할정복은 하나의 문제를 작은 문제들로 나누고, 그 작은 문제들을 해결한 결과를 합쳐나가는 방식으로 문제에 대한 최종 해를 구하는 것인 반면, 다이내믹 프로그래밍은 일련의 문제들을 해결하기 위해서 문제를 작은 조.. 2022. 12. 29. 트리의 순회 - 레벨 순서 순회 1. 레벨 순서 순회란? 레벨 순서 순회는 위에서 아래로, 좌에서 우로 순차적으로 순회를 하는 것입니다. 위의 트리에서 레벨 순서 순회를 할 경우, 결과는 1 - 2 - 3 - 4 - 5 - 6 이 됩니다. 개념적으로는 가장 이해하기 쉽고 간단한 순회 방법이지만, 구현은 상대적으로 까다로운 편입니다. 2. 구현 1) 재귀 Queue q = new LinkedList(); public void levelOrder(TreeNode node) { System.out.print(node.getData() + " "); // ① q.add(node.getLeftChild()); // ② q.add(node.getRightChild()); TreeNode temp = q.remove(); // ③ if(temp !.. 2022. 10. 12. 이전 1 ··· 6 7 8 9 10 11 12 ··· 19 다음 반응형
