1. for 문 for 문은 조건문이 거짓으로 판별될 때까지 반복한다. > ### for 문 기본 구조 for 문 사용 예 2. for...of 문 for...of 문은 반복 가능한 객체(ex. Array, String)를 대상으로 반복한다. > ### for...

"블로그 [Flex와 Grid에 대해서 비교] Flex를 사용하면 적합한 레이아웃, Grid를 사용하면 적합한 레이아웃 등에 대해 작성 [noreferrer, noopener, nofollow] 해당 속성 등을 사용하는 이유와 보안 이슈에 대해 처리하는 방법, SE

적응형 웹 모바일, 태블릿, 데스크탑 등 디바이스의 크기에 따라 별도의 템플릿을 제공하여 각 디바이스에 그에 맞는 화면을 렌더링한다. > 데스크탑용 네이버 주소 = www.naver.com 모바일용 네이버 주소 = m.naver.com (m : mobile) 반응형

제로베이스 프론트엔드 스쿨 6개월 중 한 달이 지났다. 하루 6시간 이상 공부하기는 지켰으나 최선을 다하진 않은 것 같다.

모든 브라우저가 HTML 파일을 100% 동일하게 만들까? (❌) 그렇지 않다. 실행되는 환경의 OS, 렌더링 엔진 등의 차이로 브라우저마다 다르게 표현되는 부분이 존재한다. 그렇다면 각 브라우저마다 그에 맞는 코드를 작성해야 할까? (❌) 그렇지 않다. 크로스 브라

컴파일 언어는 프로그램이 실행되기 전 컴파일러를 통해 소스 코드를 기계어로 변환하는 프로그래밍 언어이다. 컴파일 과정을 거쳐 생성된 실행 파일은 모든 코드가 기계어로 변환되어 있으므로 프로그램 실행 속도가 빠르다. 즉, 컴파일 언어는 프로그램 실행 전 반드시 컴파일 과

OS의 역할에 앞서 OS의 정의와 종류에 대해 간단히 알아본다.사용자가 컴퓨터를 효과적이고 편리하게 사용할 수 있도록 인터페이스 환경을 제공하는 소프트웨어이다.윈도우(Windows),맥 OS(MacOS), 유닉스(UNIX), 리눅스(Linux) 등운영체제는 CPU, 메

OSI 7계층 - 네트워크 통신이 일어나는 과정을 7단계로 만든 모델TCP/IP 4계층 - 4계층 형태의 네트워크 모델1) OSI 계층은 TCP/IP 4계층의 응용층을 세션 계층, 표현 계층, 응용 계층으로 나누어 더 세분화한 모델이다.2) OSI는 역할 기반의 계층

1. HTML/CSS 공부 후 느낀점 웹 접근성, 웹 호환성, 웹 2. HTML/CSS 어려웠던 개념과 이유 웹 접근성은 모든 사용자가 웹 콘텐츠에 접근하고 이해할 수 있도록 보장하는 중요한 원칙입니다. HTML 및 CSS로 웹 페이지를 개발할 때 웹 접근성을 준수하

시멘틱 태그(Sementic Tag) HTML5에서 등장한 시멘틱 태그는 의미있는, 의미를 부여한(semantic) 태그로 웹페이지의 구조와 내용을 명확하게 정의한다. 의미있는(시멘틱) 태그 사용 예시 > 나만의 웹페이지 시멘틱 태그의 종류 시멘틱 태그를 사용

target 속성은 링크를 연결하는 <a> 태그에 사용하며 링크한 url이 실행되는 위치를 나타낸다.그 중 \_blank 속성값은 새로운 탭에서 url을 실행하는 것을 의미한다.코드 실행 -> 네이버target="\_blank"로 실행된 페이지는 window.op

프론트(front)는 눈에 보이는 앞면을 말한다. 버튼, 로고, 검색창 등 사용자가 서비스를 이용하기 위해 접하는 앞면은 프론트엔드가 되는 것이다. 이러한 앞면의 모든 요소를 구축하는 작업이 프론트엔드 개발이다.프론트엔드 개발자는 사용자가 서비스를 원활하게 이용할 수

웹 접근성(Web Accessibility) 개발자는 웹 접근성을 준수해야한다. 모든 사용자가 웹 사이트의 정보를 동등하게 접근하고 이해하도록 보장하기 위함이다. 이미지 태그에 alt 속성을 사용하는 것은 웹 접근성을 높이는 방법 중 하나이다. 스크린리더는 alt 속

학교 수업에서 Java를 접하고 프로그래밍이 나의 적성과 잘 맞는다는 생각을 하게 되었다. 내 손으로 써내려간 코드가 프로그램으로 구현되는 일은 정말 근사했고, 노트북 하나만 있으면 언제 어디서든 원하는 것을 만들 수 있다는 점은 개발자가 되기로 다짐하기에 충분했다.