접근성은 개인의 신체적, 인지적 능력 및 웹에 접근하는 방법과 관계없이 가능한 한 접근할 수 있도록콘텐츠를 개발하는 것을 의미한다.즉, 웹페이지를 신체적인 어려움에서도 어떻게든 사용할 수 있게 만들어야한다.키보드로 움직인다.스크린리더의 도움을 받는다.등의 방법이 있다.

if문 if문은 주어진 조건식이 참이면 특정 코드 블록을 실행하는 구문이다. 예시. 변수 x가 10보다 크면 "x는 10보다 큽니다."라는 메시지를 출력하는 코드입니다. for문 for문은 지정된 횟수만큼 반복해서 코드를 실행하는 구문이다. 초기식은 반복문

드디어 첫번째 과제가 끝났다.1달간 배운 내용을 열심히 복습하며 만들어냈다.뿌듯하기도 하지만 다시 만들어야하지 않을까 조금 걱정도 된다.원래 본업은 영상이었기 때문에 비교하자면,영상에서는 "볼 때 어색하지 않으면 괜찮아"라는 눈속임이 어느정도 허용되는 분위기였다면HTM

1\. 변수는 선언 후에 사용할 수 있다.let 명령을 통해 hi라는 변수를 첫째줄에 선언했다.두번째 줄에 hi는 "hello"라는 문자열을 넣어줌2\. 변수는 선언과 동시에 초기화하여 사용할 수 있다.변수 halo에 "hello!"라는 문자열을 넣어줌3\. 한줄에 여

아이콘 이미지들을 SVG파일로 뽑았는데 그대로 사용하면코드가 길어지면 알아보기 힘든 경우가 있다.그때 쓸 수 있는게 바로 아이콘폰트!https://icomoon.io/app/이 링크로 들어가면 아이콘 폰트를 만들 수 있다.사이트로 접속하여 상단에 Import

요즘의 웹페이지들은 PC와 모바일에서 모두 구동되고 있다.따라서 사이즈에 따라 컨텐츠들의 위치나 비율을 조정해야한다.PC에서도 태블릿PC에서도 모바일에서도 각자 크기에 알맞은 비율과 크기로 보여야하기 때문이다.CSS 또는 JS로도 가능하지만 일단 CSS로 하는 방법에

,(쉼표)를 사용하여 나열하면 스타일을 한꺼번에 적용시킬 수 있다.각각의 항목을 or로 적용한다.클래스는 따로 사용이 가능하다.1\. 띄어쓰기를 하지 않고 쓰는 경우title 클래스를 가지고 있으면서 box1 클래스를 가지고 있는 태그에 스타일을 적용 할 수 있다.cl

제로베이스에서 공부를 한지 벌써 1개월이 지났다.일단 나는 하루에 최소 9시간 - 16시간 공부했다.강의를 듣는다고 100% 이해하는 것이 아니었기에 오랜시간 앉아있었다.1개월간 친구들도 만나지 않고 집에서 공부만 하면서 지냈다.가끔 산책하러 나갈 때 걷는 내 모습이

프로세스의 구조1\. text : 코드2\. data : 변수/ 초기화된 데이터3\. stack : 임시 데이터 (함수 호출, 로컬 변수)4\. heap : 코드에서 만들어진 데이터: cpu에 실행할 프로세스를 교체하는 기술ex)바톤터치?프로세스 1 - pc, sp 정

운영체제는 OS라고도 부른다.대표적인 운영체제에는 Mac OS / Windosw OS /UNIX OS 등이 있다.컴퓨터 하드웨어의 시스템 자원을 관리한다.컴퓨터와 사용자간의 커뮤니케이션을 지원한다.응용프로그램을 제어한다.운영체제가 작업을 수행하는데 여러 알고리즘들이 생

이 글은 상당히 주관적인 글입니다.그간 다녔던 경험들을 토대로 평점을 내리자면 내가 바라는 회사의 기준은 높은 편은 아니라고 생각한다.월급을 밀리지 않을 것실제로 월급을 못받은 적이 있었다.그래서 그 뒤로 기업정보를 꼭 확인한다.야근을 강요하지 않을 것야근수당이 없는

css에서 body에 box-sizing: border-box 를 적용시켜보면,이렇게 흐릿하게 box-sizing 속성이 뜨는 것을 알수 있다.이건 적용이 덜 되어서 뜨는 표시이다.이런 문제를 해결하려면 알아야하는 특성이 있다.일단 box-sizing: border-b

VScode에서 npm를 설치하고 터미널로 적용을 시키던 중 에러를 만났다.ps1 파일을 로드할 수 없습니다.찾아보니 스크립트 실행권한이 없기 때문이라고 한다.어떤 권한이 있는지 확인하는 스크립트라고 한다.일단 업데이트가 진행이 안되었기 때문에 y를 눌러서 업데이트를

(출처:트위터)프론트엔드라는 용어가 나온지 얼마 되지 않은 것 같다.실제로 개발8년차 지인의 말에 의하면 본인이 공부할 땐 그런 용어가 존재하지 않았다고 한다.개발자의 업무가 많아지면서 세부적으로 업무를 처리하기 위해 파트가 나뉘어진 것 같다.프론트엔드 개발은 주로 웹

html/css ui 만들기css 숨기기js로 다시 나타나게 하기모달창 내용을 적어준다.css에서 "modalDiv"를 숨겨준다.이렇게 하면 모달창 UI는 끝.html에서 "모달창열기" 이름의 함수 사용하여 js 스크립트를 작성해준다.html에서 "모달창닫기" 이름의

1-1. git bash 창의 상단을 보면 나의 현재 위치를 알 수 있다.1-2. 혹은 $ pwd를 치면 현재 위치가 나온다.현재 나는 c드라이브 - 사용자 - guess 폴더에 있다.2-1. 윈도우에서 빈폴더를 만들어준다. 2-2. 혹은 git bash에서 cd 만들

Git bash에서 ssh-keygen 을 입력하여 공개키 생성한다.Enter file in which to save the key키 생성 경로를 물어보는 것이다. 기본 경로로 알아서 생성되니까 엔터를 친다.Enter passphrae비밀번호를 입력하라고 한다. 공개할

깃을 처음 깔고 사용자 설정을 하는데갑자기 마주친 (End)....혹은 ~ 이렇게 물결이나: 이런식으로만 뜰때가 있다.엔터나 어떠한 키를 눌러도 먹히지 않아 당황스러웠다.해결 방법은 너무나도 간단하다.키보드 q 버튼을 눌러주면 된다.그럼 다시 작성할 수 있게 된다.

css의 확장 문법이다.sass에서 입력한 코드는 css로 컴파일해야 실행시킬 수 있다.기본적으로 들여쓰기를 사용한다.상위 선택자의 반복을 줄일 수 있다.변수를 선언해줘야한다.선언한 블록 내에서만 사용할 수 있다.작성 방법1 - @extend .클래스명;작성 방법2

css에서 grid로 만들어진 칸마다 이름을 지정해줄 수 있다.1.html에서 나눌 부분들을 작성하여 class 속성을 준다.2.css에서 grid-template-areas 속성을 입력하여 이름을 지정해준다.주의할 점은 속성의 맨 뒤에만 세미콜론을 입력한다.css에서