아이디벨 블로그

웹 표준이란? 웹 표준이란 표준화 단체인 W3C가 권고한 표준안으로, 웹에서 표준적으로 사용되는 기술, 규칙을 의미한다. 웹 문서의 구조(HTML)와 표현(CSS), 동작(JavaScript)을 구분해서 사용하는 것을 말한다. 즉 웹 표준은 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 웹 사이트를 보이게 하는 것이다. 웹 표준의 장점 그렇다면 웹 표준의 장점은 무엇인가? 바로 효율성이다. 웹 표준이 없던 1990년대 말 ~ 2000년대 초반에는 웹 사이트 개발자는 사실상 익스플로러, 넷스케이프 두 개의 사이트를 만들어야 했다. 웹 표준을 지킴으로서 얻을 수 있는 장점 여섯가지를 꼽자면 아래와 같다. 1. 수정 및 운영 관리 용이 콘텐츠의 올바른 구조화와 CSS로 시각적인 표현을 통일하여 제어..

개발 2023. 2. 24. 17:14

최근 Spring boot + Mybatis 프로젝트를 새롭게 진행하고 있는데, 진행 중 Spring Security를 적용한 로그인 기능이 필요하여 알아보게 되었다. Spring Security를 제대로 알고 프로젝트에 적용하기 위해선 공부해야 하는 양이 많아 시간도 많이 필요하다. 그래서 이번엔 얄팍하게나마 Spring Security에 대해 실습을 위주로 감을 잡아보도록 하자 Spring Security는 원래 별도의 프레임워크로 시작되었지만, 스프링으로 프로젝트가 통합되면서 함꼐 사용되게 되었다. 개발자는 Spring Security를 이용하여 약간의 코드와 설정만으로도 로그인 및 자동 로그인, 페이지 이동 처리 등의 기능을 구현할 수 있어 개발 생산성을 높일 수 있고, 세션과 쿠키에 대한 핸들링..

개발 2023. 2. 19. 22:45

반복문은 결과가 참인 경우 코드 블록을 실행한다. 자바스크립트는 세 가지 반복문인 for문, while 문, do... while문이 있다. 이번에는 for문과 반복문을 대체할 수 있는 기능들을 알아보려고 한다. for문 for문은 세 개의 선택식과 반복을 실행할 문(주로 코드 블록)으로 이루어져 있다. 구문은 아래와 같다. for(할당식 또는 변수 선언; 조건식; 매 반복 후 평가할 식){ 조건식의 평가 결과가 참일 때 실행하는 문 } 간단한 예제로 for문을 알아보자. for(let i = 0; i < 5; i++){ console.log(i); } 위의 예제를 풀이해보자면 i라는 변수를 선언하고 초기값을 0으로 시작한다고 선언한 것이다. i가 5보다 작으면 명령문을 실행하고 i의 값을 1 높인다. ..

개발 2023. 2. 11. 19:36

우리가 HTML과 CSS, JavaScript를 사용해 제작한 웹페이지는 웹 브라우저를 사용해 볼 수 있다. 웹페이지의 구조를 파악하기 쉽도록 구조를 보여주는 도구는 웹 브라우저 초기부터 있었고, 이 내장 지원 도구를 개발자 도구라고 한다. 만약 웹페이지의 레이아웃이 깨졌을 경우, 문제의 원인을 찾기 위해 HTML 코드를 리뷰하며 문제가 어디서 발생한 것인지 개발자 도구를 사용해 보다 쉽게 찾을 수 있다. 개발자도구는 키보드 단축키 F12, 또는 우클릭 검사를 눌러 표시할 수 있다. 개발자 도구는 다음과 같은 기능들을 내장하고 있다. 1. 웹페이지 소스 보기 - HTML, CSS, Javascript 외에도 해당 웹페이지에 포함된 모든 리소스를 볼 수 있다. 소스는 우측에 표시된다. 2. 요소별 CSS ..

개발 2023. 2. 1. 21:17

안녕하세요! 웹개발의 기본중의 기본, 로컬 개발환경 설정 방법을 소개하려 합니다! XAMPP 란? 우선 AMP에 대해 설명하겠습니다. AMP는 웹서버인 아파치(Apache)와 데이터베이스 관리시스템(DBMS)인 MySQL 그리고 서버사이드 언어인 PHP를 합친 것입니다. 그리고 XAMPP는 cross-platform, Apache, MySQL, PHP, Perl 을 축약한 용어입니다. 즉, php언어로 웹개발을 하기 위해 개발환경 세팅을 도와주는 크로스플랫폼 소프트웨어라고 생각하시면 됩니다. XAMPP 말고도 맥켄토시 전용의 MAMP, 리눅스를 위한 LAMP 등이 있습니다. (맥 유저라면 제 경험상 MAMP 사용을 추천드려요.) MAMPP 설치 https://www.apachefriends.org/dow..

개발 2023. 1. 14. 01:19

ES5까지의 자바스크립트의 변수 선언은 var 키워드만으로 변수 선언이 가능하였지만, ES6에서 const, let 키워드가 새로 등장하게 되었다. 어째서 등장하게 되었을까? 그리고 많은 자바스크립트 강의를 보면 "var를 지양해야 한다"라는 말을 많이 들어보았을 것이다. 이번 포스팅으로 어째서 const와 let이 등장하게 되었으며, var를 지양해야 하는 이유를 알아보고자 한다. var 키워드의 변수의 문제점 var 키워드로 선언한 변수의 문제점은 크게 3가지로 분류할 수 있다. 1. 변수 중복 선언 허용 2. 함수 레벨 스코프 3. 변수 호이스팅 차례대로 어떤 것이 문제인지 알아보도록 하자. 1. 변수 중복 선언 허용 var 키워드는 변수 중복 선언이 허용된다. 다음 예제를 보고 이해해 보자 var..

개발 2023. 1. 9. 10:36

※약간의 사설부터 시작합니다. 급하신 분들은 중간 Q&A부터 읽어주세요. 좀 더 효율적인 코드를 짜기 위해 디자인패턴을 공부해야 한다는 얘기를 듣고 대표님께서 추천해 주신 ‘헤드퍼스트 디자인패턴’ 책을 읽어보았다. 이 책은 예시를 구체적으로 들어주고 읽기 편한 형식으로 쓰여있다는 장점이 있다. 내가 읽은 첫 10페이지의 내용은 ‘오리’를 예시로 설명을 하고 있었다. 첫 시도 : Duck이라는 슈퍼클래스를 생성한다. Duck의 상속을 받는 자식 오리 클래스를 생성한다. 슈퍼클래스에 오리의 공통적인 특징 메서드를 생성한다. 각각 자식의 모양새가 다르므로 자식클래스에 각각의 특징인 display() 메서드를 생성한다. 문제점 발생 : 슈퍼클래스에 fly()라는 메서드를 생성했더니, 날면 안 되는 고무 오리가 ..

개발 2023. 1. 4. 15:00