Docs (6) 썸네일형 리스트형 inline요소와 block요소에 margin 적용 인라인 요소 margin top-bottom 미적용 사건 html-css 과제를 하다가 a태그에 문제 발생. a태그 내부에 다른 태그들을 넣었더니 실제 브라우저에서는 a만 뽑혀서 따로 있었다. 왜이럴까. 발단 왜그러니 싶어서 찾아보니, ?? : 하하! a 안에 다른 태그들이 오면 닫힌단다. 나 : 근데 img 만 넣었을 때는 또 되는데요? 해서 혼자 a 하나 놓고 이렇게 저렇게 만져보고 있었다. 그러다 알게 된 또다른 사실. 여기는 a태그 입니다. 난 분명 margin과 padding을 전부 다 줬는데 왜 위는 저렇게 꽉막혀 있는 걸까? 값이 들어가긴 다 들어감. 대체 a자식이 왜 이런건가 싶었다. 전개 나는 해당 문제의 원인이 1) 내가 거지같이 짠 html 구조 + 2) a태그의 특성을 이해 못한 채.. 객체지향과 This 간단정리 복잡하고 반복되는 작업을 효율적으로 처리하기 위해 객체를 사용하는데 이 객체를 잘 만들기 위해 노오력 하는 것 === '객체지향' 이 객체지향, 그러니까 객체를 잘 만들어 쓰기 위해서는 객체를 쉽고 편하게 만들어야 하는데 그걸 위해 "이 객체는 이렇게 만드세요" 라는 의미로 객체 생성을 위한 작업지시서! 지침서! 설명서! === class 이 class는 결국 객체를 만드는데 사용하는 것인데 객체는 안에 무엇을 갖고 있느냐 바로 "key" 와 "value". class 는 미리 객체에 필요한 "key" 를 넣어두고 "value"를 그때그때 입력 받아서 만드는 것이다. 그럼 "value" 는 어떻게 입력 받는가? 바로 class의 내장함수를 사용한다 === 생성자 함수 constructor(){}.. javascript는 어떻게 공부해야 하는가 (이렇게 할껄.. 하는 마음에 적는 글) 추천강의 0. 생활코딩 유튜브 : https://www.youtube.com/@coohde 코딩입문자의 수학의 정석과 같은 바이블이다. 기본 개념을 아주 쉽고 가볍게 설명해줘서 노베이스를 넘어 그냥 지나가다 개발이 뭐지? 하는 사람이 봐도 이해되는 강의 모든강의가 무료이고 입문자가 html/css-js 강의 한 텀 돌리기에 아주 좋다. 부트캠프나 유로강의를 듣기 전에 한번쯤 생활코딩 강의를 보고 듣는다면 효율이 매우 좋을 것이라 예상한다(본인은 그렇게 못했음) 1. 코딩알려주는누나 유튜브 : https://www.youtube.com/@user-yu8so2ck1z 학습링크 : https://codingnoona.thinkific.com/ 현직 개발자. 이전에는 부트캠프 강사였던 것으로 보인다.(본인 피셜.. { '1일 1로그 100일 완성 IT지식 = [하드웨어 10번] 비트 모아 데이터' }; [이진수] 어떤 비트가 주어졌을 때, 각 자릿수를 10단위가 아닌 2단위로 해석해 표기한 수. 11101 이라는 이진수는 16+8+4+0+1 = 29 이다. (1*2^4) + (1*2^3) + (1*2^2) + (0*2^1) + (1*2^0) (1*16) + (1*8) + (1*4) + (0*2) + (1*1) 16 + 8 + 4 + 0 + 1 =29 [십진수를 이진수로] 십진수를 2로 나누는 것을 반복한다. 그 나머지가 0 또는 1이 되는 것을 순차적으로 기록하면 그 수가 십진수의 이진수가 된다. [바이트] 컴퓨터가 처리하는 데이터와 메모리 구성은 8비트를 기본단위로 이는 하나의 단위로 취급된다. 비트 8개는 하나의 바이트byte 가 된다. 2바이트는 16비트이며 숫자로는 0부터 2^16-1(65,53.. { '1일 1로그 100일 완성 IT지식 = [보안 79] 곳곳에 도사리는 위험' }; 웹은 여러가지 보안 문제를 제기한다. 1. 클라이언트에 대한 공격 2. 서버에 대한 공격 3. 전송중인 데이터에 대한 공격 먼저 첫번째, 클라이언트에 대한 공격을 알아보자. 클라이언트에 대한 공격은 단순한 스팸, 추적 뿐만 아니라 '타인이 사용자로 위장할 수 있는 정보'를 훔치는 것을 말한다. 예를 들어 신용카드 정보나 계좌번호, 각종 비밀번호 등을 말한다. 개인정보를 보호하기 위해 사용자는 어떠한 조치를 취할 수 있는가 우선 제 3자 쿠키 (Third Party Cookie) 를 차단하고, 인터넷 추적 소프트웨어인 트래커를 비활성화 시키는 브라우저 애드온을 사용하고, 자바스크립트를 차단하는 등의 방법을 사용할 수 있다. 이렇게 보안등급을 최고로 올려두면 어떤 현상이 발생하는가? 개귀찮아진다. 이 정도 .. {프로그래밍 기초 = React (과제);} 1. JavaScript의 자료형과 JavaScript만의 특성은 무엇일까? 2. JavaScript 객체와 불변성이란? 3. 호이스팅과 TDZ는 무엇인가? 4. 실습과제 1. JavaScript의 자료형과 JavaScript만의 특성은 무엇일까? -JavaScript의 자료형 JavaScript의 자료형은 ES6기준 원시형(Primitive type) 과 객체형(Object type) 로 구분된다. 원시형(Primitive type) String 문자열. 배열과 같이 index를 활용한 사용이 가능하다. Number 숫자. 유효범위(-(2^53-1)~2^53-1) 내의 숫자는 모두 하나씩만 존재한다. 특수값 (+-)Infinity, NaN(Not a Number), -0 가 있고 매우 작.. 이전 1 다음