TIL

멋쟁이사자처럼 1일차가 시작되었다.오늘부터 새롭게 시작되는 만큼, TIL을 하루도 빠짐없이 작성하는것이 새로운 목표이다.새로운마음 새출발!꾸준함을 보여주기!오늘은 간단한 OT, 팀빌딩, 이두희님의 특별 강연, 코드라이언 일단 만드는 HTML/CSS강의를 수강하였다.1\

VScode 환경설정 (snippets 설정)emmet문법!URL(URI), 도메인 설명할 수 있는가? 물데네전세표응 (osi 7계층)랜선과 광선DNS, NAT, DDX (임계치 기반), Dos(deny of service), 서비스위변조공격(iframe), IPS(I

<br> : 줄바꿈을 위한 태그<wbr> : 텍스트박스에서 한줄로 모두 표시가 안될 때에만 줄바꿈이 일어나게 하는 것<a> : 하이퍼텍스트 즉, 링크를 만들 때 사용 href 속성으로 경로 지정!<abbr> : 준말, 약자 나타냄(보통은 홀로 쓰이

Git의 기초에대해 배웠다!git add . git commit -m "커밋메시지"git pushgit은 한없이 어려운 부분이지만... 일단은 매일매일의 기록을 잔디를 촘촘히 해야겠다!🌱 1일 1커밋!!iframe은 현재 HTML 페이지에서 또 다른 HTML 페이지를

CSS는 디테일이 아니라, 큼지막한 전체 구조를 보는것이 중요하다!css 책 추천 : css설계가이드CSS는 스마트한 노가다다!상속 : 원래 상속이 지원되는 속성은 초기화 해줄때 Inherit 키워드 즐겨쓰장 상속이 지원안되면 Initial 하는것block level

section : 구역의 주제가 명확할 때(section태그 안에는 heading태그를 사용해 줄 것)div : 디자인적으로 나뉘어있고 의미 구분이 어려울 때구역의 주제가 명확하면 section, 디자인적으로 나뉘어있고 도저히 의미 구분이 어려우면 div...li는 같

<caption>은 테이블의 제목이나 설명을 의미한다. <table> 요소의 첫번째 자식으로 사용해야함.<thead>, <tbody>, <tfoot> 태그는 각각 머리글, 본문, 바닥 글을 의미 한다. 테이블의 내용이 많을 때 <thea

HTML의 <p>태그를 가리키고 있는 p를 CSS에서는 선택자(selector)라고 부름font-size color에 해당하는 부분을 CSS에서는 속성(property)라고 부름14px yellow 에 해당하는 부분을 CSS에서는 값(value)라고 부름 값은 프

border-radius 테두리의 꼭짓점을 둥글게 만듬 설정한 radius값을 반지름으로 하는 원을 박스의 꼭짓점에서 그려 둥근 테두리를 그리는 원리 단위 vmax vs vmin vmax : 화면의 넓이와 높이 중 큰 값을 기준으로 하는 백분율 단위 vmin : 화

<img>, text는 Inline요소이다.vertical-align:top으로 container의 top을 기준으로 정렬display:block으로 해결할 수 있지만, 이미지는 inline요소이기에 협업에 문제가 될 수 있다.(다른사람들의 코드에 영향을 줄 수

띄우다의 의미를 가지고 있음 둥둥~! float정렬은 객체를 띄어서 정렬하는 속성을 갖는다.블록 속성 태그는 위 그림과 같이 가로폭 전체의 넓이를 가지는 속성을 가지고 있다.여기서 float:left를 주면!이렇게된다!!왜??부모요소가 자식요소를 인식하지 못하기 때문에

display:flex 를 사용하려면, container와 같은 묶어주는 상위개념이 있어야한다!line-height 와 heiht의 크기를 같게주면, 중앙정렬이된다! line-height가 제일 이해가 되지 않았다.멋사 동기님들의 도움으로 바로 이해가되었다!! 손수 저

grid는 flex와 비슷하다 flex와 비슷한점 : container에서 display:grid로 해주는것! grid에서 column 과 row 를 칸으로 계산한다는것이 매우 편하게하는 일이었다..!! 크기를 늘릴때에는 가로축이면 grid-column 으로 세로축이면

OOCSS (Object Oriented CSS) SMACSS (Scalable and Modular Architecture for CSS) BEM (Block, Element, Modifier)

이미지를 편집할 때는 온라인 에디터를 사용하거나 직접 에디팅 앱(포토샵, 피그마, 스케치 등)을 사용해 개발자가 직접 편집함.https://www.toptal.com/developers/css/sprite-generator/장점 : 이미지 태그의 개수를 줄이기

bacground-size가 contain 이면 ?bacground-size가 cover 사용하면 ?video태그 img태그 처럼 똑같이 width만 100%주면 반응형 됨!<iframe>태그

미디어 쿼리는 특정 조건(단말기의 유형, 화면 해상도, 뷰포트 너비 등)에서 특정 스타일만 적용되도록 만들어주는 기능이다.중복되는 요소는 적어줄 필요가 없다.실행되는 화면을 켜놓고 작업하기!https://pixabay.com/ko/https://www

작은 성공들의 성취를 이어가보기작은단위의 뚜렷한 목표를 만들어가보기선생님이되어보기 이해를 하고 실습하기뽀모도로학습을 해보기 오늘 꼭 기억해야할 것 : 결과물 피드백말고 내 과정에 대한 피드백받기!오늘 어디에 도전해보셨고, 무엇을 배우셨나요?학습하시면서 궁금하신 부분이나

부트스트랩 유용한 자료

‘HTML을 떠나지 않고 빠르게 빌드하는 모던 웹사이트’

\*JS는 대표적 스크립트언어 인터프리터!HTML을 프로그래밍으로 제어한다웹브라우저가 해석해서 실행할수 있는 유일한 프로그래밍 언어요즘에는 게임프로그래밍, 서버프로그래밍 등 다양한 분야에서 쓰여지고 있음.‘변할 수 있는 수’, ’변할 수 있는 정보’프로그램을 만드는 데

1주일간 휴식기를가졌다!못잤던 잠도 푸욱 자며 신생아 수준으로 잠만잤던것같다.쉬게 된 이유 : 수술하고 무리한 탓인지 열나고.. 몸살... ㅠㅠ원래 쉬엄쉬엄 공부는 하려하였지만 계속 걱정만하니 이도저도 아닌상태여서 아예 모든것을 닫고 쉬어보았다. 정글이 끝나고 멋사에

Node.js 설치 node의 버전은 짝수버전이 안정성이 높은것임!버전이 계속 달라지기에, 노드버젼매니저 인 NVM을 다운받아야함➡️ https://github.com/nvm-sh/nvm터미널에 위의 코드 curl \~~ 복붙!nvm ls (list의 약어임!

피드백 : 더 자주 더빨리 더 꾸준히터널비전 : 좁은시야에 빠지는 문제터널비전에 빠지지않도록...!4개월의 과정이 마무리 되었을 때, 내가 원하는 성장한 개발자의 모습과 그 역량 1\. 함께하고싶은 개발자 : 부정적으로 안된다는 말보다는 긍정적으로 할수있다는 말로 함께

indexOf() 메서드는 호출한 string 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 변환한다. 만약, 일치하는 값이 없으면 -1을 반환함toFixed(2) → 소수점아래 2자리까지만 보여주고 잘라줌!그런데! str의 타입을 확인해보니 string이 나왔다!그

import 키워드로 가져올 수 있고, export키워드로 내보낼 수 있음하나의 자바스크립트 파일에서는 export 나가는 통로가 두가지가 있다.Default export : default라는 기본통로는 이름을 지정하지 않아도 됨Named export : 이름을 지정해

바닐라JS로 Momentum 익스텐션 앱 클론! 구현과정 기본 html 구조 기본 CSS 구조 1. background image 랜덤하게 가져오기 ✍🏻 폴더 구조! ✍🏻 코드 설명 Images폴더 내 파일명과 const bgImages = ["0.jpeg

원티드 프리온보딩 코스가 시작되었다.5주간의 짧은 기간동안 6개의 프로젝트와 기술면접을 준비할 수 있는 기간이라 판단된다.원티드 과정이 좋은점은 열정 가득한 사람들과 한팀이되어 아침부터 밤까지 실전형 개발에 몰입할 수 있을것 같다.작년 11월, 정글에서 개발 공부를 처

원티드 시작한지, 벌써 1주일이 지났다.처음 3일간 사전과제에 대한 리팩토링, 몹프로그래밍을 경험하며 좋은 코드란 무엇인가 남이 봐도 이해가 될 수 있는 코드! 코드리뷰 -> 팀원들에게 내코드를 설명함에 있어서 어려움이 없어야하고, 조금 더 나은 방향으로 함수를 분리해

🙋🏻‍♀️ 내 생각원티드 5주간의 기간 중 딱 절반을 달려왔다.프로젝트와 관련해서는 프로젝트 회고로 정리하였다. 처음에 원티드를 시작하기전 내 머릿속 고민은 어떤 식으로 로직을 짜야할 지 모른다였다.이부분은 어느정도 해소되고 있는 것 같다.지금은 부족하지만 로직이