전체 글 (8) 썸네일형 리스트형 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(){}.. {title : "개발 블로그 만들기 시작"}; 이전까지 사용하던 벨로그가 좀 더러워서 깔-끔하게 적은 글들을 옮기기로 함. 워드프레스나 미디엄을 사용할까 하다가 전에 항해 할 때 만들어둔 티스토리가 생각나서 다시 올리기로 함. 우선 이전에 적어놨던 글 좀 옮기고, 앞으로 적으려는 내용들 좀 정리해서 하나씩 올리려 한다. 각 언어나 프레임워크에 관한 것은 카테고리를 분류하고, 오류 기록이나 회고록은 본 카테고리에 기록할 생각이다. 이외의 각종 정보는 카테고리를 하나 더 만들 생각인데 뭐라고 이름 지어야 할 지 모르겠네 목표는 html/css, js, 프레임워크는 공부한 내용 탄탄히 정리해서 각각 올리기 매주 1개씩 따로 공부한 내용 작성해서 올리기 마주했던 에러는 나중에 적을 생각 말로 에러 만나면 바로 캡쳐 => 해결 후 해결방법과 과정 작성 자존감.. 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.. {0722 TIL;} TIL / WIL 쓸 때 주의 사항 기간 목표를 설정하고 그게 맞게 진행되고 있는지 확인할 것. 감상 4 : 학습과 이해 4 : 개선사항 2 나의 생각의 흐름을 알고리즘화 하여 진행하고 기록할 것. [회고] -공대를 갔어야... 아니면 학원이라도...아 내가 지금 학원을 다니는거지....ㅎ... -역시 개념 잡는 게 제일 어렵다. 확립이 안되니 새로운 걸 얹어도 흔들린다. 직접 손으로 한번 정리를 해봐야 어느정도 입력이 될텐데 그럴수 없으니 여러 강의를 들으며 개념부분을 회차를 늘리는 수밖에 없겠다. 지금 자바스크립트와 리액트 기초 강의들을 돌려가며 듣고있는데 꽤나 효과가 좋은 것 같다. 약간이나마 개념들이 자리잡는 것 같다. 이대로 기초가 짱짱하면 다른 부분들은 어느정도 얹어질 것 같다. 좀 더 빨리 .. { '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 다음
