:visited는 기존 a태그를 클릭하면 생기는 보라색 링크의 색상을 바꿔주는 역할입니다.visit가 말 그대로 방문을 뜻하는 의미입니다.이렇게 색상을 바꿔주면 링크를 눌러도 색상 변동이 없습니다.:focus-within은 마우스로 클릭했을 때 생기는 focus로 효과

vertical-align:middle은 가운데 정렬이 아니다 form에서 flex를 한번 지워보면 이렇게 어긋나는 경우가 생깁니다. 이건 vertical-align이 baseline으로 기본 속성에 들어가 있기 때문인데요. 여기에 x를 하나 넣어보면 가운데 x

검색창에 입력해야 할 영역입니다. 여기에 검색 키워드를 작성하는 곳입니다.button에 span class인 blind를 넣어줍니다.버튼이 있다는 걸 알아야 시각 장애인들도 사용이 가능합니다.input과 button이 있으면 이제 form으로 묶어줘야 합니다.form을

네이버 사이트에 있는 스프라이트 이미지가 필요합니다.https://s.pstatic.net/static/www/img/uit/sp_main_ecf5ae.png여기서 받을 수 있습니다.혹시 링크 지워질 지 모르니 파일로도 올립니다.파일이 png로 투명하게 잘 작

로고는 클릭을 통해 넘어가는 곳이니 a href="blind 태그는 시각장애인을 위한 태그입니다.시각장애인은 screen reader라는 프로그램을 통해 접속하는데요.보지 못하는 분들을 위해 청각으로 로고라는 글씨를 읽어줍니다.이 로고는 이미지여서 읽을 수가 없기 때문

단순한 방법, 배경색 입히기 다른 div와 구분을 위해 배경색을 입혀서 작업하려는 영역을 작업 후 배경을 지우는 방법입니다. 이렇게 하면 구분도 쉽고 작업 집중도 잘 되는 방법 중 하나입니다. 가운데 정렬하기 방법이 둘중 하나를 사용하면 되는데요. flex를 써보

Grid로 배치 계획을 만들었으니 Flex로 배치를 해보도록 하겠습니다. header영역의 div 3개 작성 상단 header에는 div를 3개로 나눌 예정입니다. 이렇게 div를 분리합니다. 미리보기 코드가 작성되는 걸 미리보고 싶다면 F5를 누르고 Web

기본 문서 html 먼저 만들기 Visual Studio Code를 키면 새로 만들 문서부터 만들어야 합니다. 새로 만들어서 doc , tab 누르고 html lang="ko"로 바꿔서 기본 문서를 index.html로 저장합니다. 타이틀은 네이버로 합니다. h

배열에서 중간꺼를 빼는 방법은 splice를 사용하면 됩니다. splice 사용해보기 그러면 이렇게 3개가 남습니다. splice 사용해보기 2 다른문자도 넣어보는 코드를 적어볼게요. 그러면 '나', '다', '라'가 지워지고 '타', '파'가 추가됩니다.

클라이언트 서버 브라우저 naver.com 대한민국 국민은 정부를 통해 여권을 발급 받듯이 서버는 CA라는 곳에 인증서를 발급 받습니다. 인증서는 개인키를 암호화해서 서버에 넣어줍니다. 가장 유명한 건 Let's encrypt로 인증서 발급을 할 수 있습니다.

VPN VPN : Virtual Private Network 가상 사설망 네트워크입니다. 인터넷으로 집과 회사 사이에 통신을 하는데요. 집 - 회사 사이에 인터넷으로 데이터를 보내는 것들이 공개되어 있어서 보안에 문제가 생깁니다. HTTPS로 보호는 가능하지만 어쨌

pop(추가) / push(제거) (맨 끝 부분) pop을 쓰면 맨 끝 부분을 지울 수 있습니다. push를 쓰면 마지막 부분을 새로 넣을 수 있습니다. unshift(추가) / shift(제거) (맨 앞 부분) shift로 제거가 가능합니다. shift를 쓰

객체의 유형 객체(object)는 자료형의 일종으로 다양한 값을 모아둔 값입니다. 이 객체의 종류는 배열(array), 함수(function), 배열이나 함수가 아닌 객체로 나눌수 있습니다. 배열 이렇게 하나하나 작성해야 하는데 배열은 그냥 한번에 묶을 수 있습니

중첩 반복문(이중 반복문) 사용하기 for문 두개 사용하기 i로 보통 사용하고 그다음은 j를 사용합니다. 반복문이 중첩되면 많이 어려워지는데요. 메모장을 많이 켜시거나 노트에 많이 적어서 익숙해져야 합니다.

break 1부터 100까지 찍다가 "50 되었으니 멈춰야겠다" 인 상황도 있거든요. 그래서 중간에 break를 쓰면 반복문을 멈출 수 있습니다. while문 let i = 0; // i가 0입니다 while (true) { if (i === 5) break; //

기본 형식 for (시작; 조건식; 종료식) 동작문; 시작 -> 조건식(참인 경우) -> 동작문 실행 -> 종료식 실행 조건식 -> 동작문 -> 종료식 반복 for문과 while문 비교 for (let i = 0; i < 100; i++) { console.log

// 추상클래스(abstract class) // - 다른 클래스가 상속받을 수 있는 클래스 // - 직접 새로운 인스턴스 생성 불가능 // 주요 코드 abstract class User { constructor ( private firstName : string, private lastName : string, ...

기존에는 call signature를 통해 number, string, boolean을 허용해 작성했지만 섞어서는 처리가 불가능했는데요 type이 섞인 배열에 대해 call signature가 없기 때문입니다. 타입스크립트가 타입을 모를 때 Generic을 사용합니다

오버로딩은 함수가 여러개의 call signature를 가지고 있을 때 발생합니다. call signature가 있으면 여러 호출을 할 때 typeof를 통해 검증 후 사용합니다. overloading 타입 별칭으로 a는 무조건 number입니다. b는 number

function odd(a, b) { return a + b; } const odd = (a : number, b : number) => a + b; 위와 아래는 같은 값입니다. 함수형, 선언형으로 다르게 작성한 것 뿐인데요. a가 number, b도 number