LET ME EXPLAIN

🔖 position 레이아웃을 변경할 수 있는 방법 중 하나인 position을 알아보자. position은 브라우저 내에서 컨텐츠를 둥둥 띄운다고 생각하면 된다. 그래서 간혹 그냥 모든 컨텐츠를 position으로 다 정렬해버리는 경우도 있는데.... 정말 필요한 경우가 아니라면 쓰지 않는 것이 좋다. 왜냐하면 그렇게 하게되면 유지보수 하는데 정말 귀찮고 힘들기 때문이다. 어차피 기본값은 컨텐츠가 왼쪽->오른쪽 그리고 위->아래로 정렬되기 때문에 그에 맞춰 다른 속성으로 정렬해주어도 충분한 경우가 많다. static은 기본값(왼쪽->오른쪽, 위->아래)이라 생략하였다. 💡 모든 position 속성들은 top, left, right, bottom을 통해 위치하게 할 수 있다. position: rela..

분명 날짜는 12월 되기 이틀 전인데 10월 회고를 쓰고 있는 신비하고 아름다운 회고 오늘은 wecode 개강한 날이기도 한데 11월 회고 쓰면서 다뤄볼 예정이다. 10월 매우 바빴다.. 집 알아보고 이사하고 얼레벌레 보낸 한달. 짧게라도 어떤 10월을 보냈는지 정리해보려고 한다. 👍🏻 특정 언어의 카테고리에 게시물 작성 (정보 공유 및 기록) 👍🏻 웹 기초를 공부하는 시간을 가졌다. (HTTP, 프로토콜, 웹 기초 등...) 👍🏻 Linux 강의 완강! 9월의 목표였던 책들을 완독하지 못해 아쉽지만 최대한 읽어볼 예정이다. 😂 확실히 애매한 내용도 기록하면서 한번 더 상기시키다 보니 큰 도움이 된다. 기술 블로그는 다른 사람에게는 몰라도 일단 나에게는 정말 좋은 영향을 준다. TIL을 작성하기 위해 하..

vw, vh, vmax, vmin, rem, em, max-width, min-width 차이 쓸때마다 그냥 어렴풋이 알고 있는 지식으로 감 아닌 감으로 사용해서 아예 제대로 정리해볼 시간을 가졌다. vw & vh vw 브라우저 너비 값이 100px일때 1vw는 1px이다. (100분의 1) 퍼센트(%)로 계산할때 이해가 더 쉽다. ex) viewport의 너비가 1000px이고 컨텐츠 요소가 80vw라면 1000px의 viewport에서 80%를 차지한다는 뜻이고 즉 요소의 너비는 800px이다. vh 브라우저 높이 값이 100px일때 1vh는 1px이다. (100분의 1) vw와 동일하게, ex) viewport의 높이가 1000px이고 컨텐츠 요소가 80vh라면 1000px의 viewport에서 8..

문제 설명 자연수 n이 매개변수로 주어집니다. n을 x로 나눈 나머지가 1이 되도록 하는 가장 작은 자연수 x를 return 하도록 solution 함수를 완성해주세요. 답이 항상 존재함은 증명될 수 있습니다. 제한사항 3 ≤ n ≤ 1,000,000 입출력 예 nresult 10 3 12 11 입출력 예 설명 입출력 예 #1 10을 3으로 나눈 나머지가 1이고, 3보다 작은 자연수 중에서 문제의 조건을 만족하는 수가 없으므로, 3을 return 해야 합니다. 입출력 예 #2 12를 11로 나눈 나머지가 1이고, 11보다 작은 자연수 중에서 문제의 조건을 만족하는 수가 없으므로, 11을 return 해야 합니다. 작성한 코드 function solution(n) { for(let i=2; i

🔖 section VS article 시맨틱 태그 비교 section과 article은 쓸때마다 헷갈려서 제대로 짚고 넘어가자고 다짐했다. article 내용이 독립적이고 따로 떼어져도 흐름이 깨지지 않는 내용일때 사용 블로그 글을 개별로 각각 나눌때 article을 사용하기도 한다. section 각 section의 내용이 연관성(논리적으로 관계있는 문서) 있을때 사용 article 안에 section을 넣기도 하고 section안에 article을 넣기도 한다. 그러나 설명을 보다시피 저 맥락대로라면 article 안에 section이 있는 것이 자연스럽다. 어떻게 구성하든 본인 자유이지만 나는 맥락상 article > section이 맞다고 생각한다. article > section 민초 민초단 반..

HTML을 통해 클릭시 바로 이메일로 연결이 되고 모바일일 경우 클릭 한번으로 바로 전화를 걸게 해줄 수 있다. 우선 a태그로 링크를 거는 방법중 세 가지의 방법을 간략하게 살펴보자. 사이트 or 페이지 이동 기본적으로 사이트 주소나 내가 만든 파일중에 다른 페이지의 파일로 이동할 수 있다. 가장 많이 사용하는 방식이다. 상대 경로, 절대 경로 가능 naver The Other Page 이메일 링크 걸기 : mailto mailtof:{이메일}을 href에 넣어주면 이메일을 작성할 수 있도록 링크가 생성되어 클릭하면 이동이 가능하다. send email mailto란? 이메일 클라이언트로의 복사 및 입력 과정 없이 사용자들이 특정한 주소로 전자 우편을 보낼 수 있도록 웹사이트의 하이퍼링크를 만들기 위해 ..

github를 이용해서 무료로 웹 호스팅을 하는 방법을 알아보자. 회원 가입을 하고 계정이 있다는 가정 하에 진행한다. 1. New repository github 홈페이지에 들어가서 상단에 +를 클릭 해서 보이는 New repository를 클릭한다. 들어가보면 사진과 같은 화면이 뜨는데, Repository name: 리포지토리 이름이다. 반드시 {사용자이름}.github.io로 정하라고 하지만 안해도 크게 상관은 없을 것 같다. 그러나 제대로 작동하지 않을 수 있다는 내용이 있기에 안전하게 이름을 정하는 것도 방법이다. Description: 선택사항으로 내 리포지토리에 대한 설명을 간략하게 붙인다. Public or Private: 공개 or 비공개 Initialize this repository..

Mac OS와 window에서 나의 ip 주소를 확인하는 방법을 알아보자. window (1) ip addr || ipconfig ip addr or ipconfig (2) 외부용 ip주소 (public ip address) curl http://ipinfo.io/ Mac OS (1) ip addr || ifconfig ip addr or ifconfig (2) 환경설정 환경설정 > 네트워크 > Wi-Fi > 상태 (3)외부용 ip주소 (public ip address) curl http://ipinfo.io/ 💡 ifconfig는 네트워크 매니저가 설정한 정보를 보여주지 않으므로 되도록이면 ip addr을 권장한다.

[프로그래머스] 없는 숫자 더하기 | javascript 문제 설명 0부터 9까지의 숫자 중 일부가 들어있는 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ numbers의 길이 ≤ 9 0 ≤ numbers의 모든 수 ≤ 9 numbers의 모든 수는 서로 다릅니다. 입출력 예 numbers result [1,2,3,4,6,7,8,0] 14 [5,8,4,0,6,7,9] 6 입출력 예 설명 입출력 예 #1 5, 9가 numbers에 없으므로, 5 + 9 = 14를 return 해야 합니다. 입출력 예 #2 1, 2, 3이 numbers에 없으므로, 1 + 2 +..

react에서 jsx, css에 넣을 이미지 경로를 입력하는 방법 css background에 배경으로 넣거나 이미지 디렉토리를 src가 아닌 public에 보관하는 등 우리가 알고있는 평소의 html,css처럼 넣으려고 한다면 에러가 발생할 수 있다. 이미지 파일을 src에 배치할 경우 - jsx 이미지가 많아지면 코드가 길어져서 지저분하다. (비추) import Image from './ImageName.jpg'; - css background: url(./ImageName.jpg); 우리가 알고있는 방식대로 이미지 경로를 넣어주면 된다. 이미지 파일을 public폴더 안에 넣기 절대 경로로 연결해주어야 한다. - jsx - css 어쩔 수 없이 무조건 bg에 넣어주어야 한다 할때.. jsx내 태그안..