본문 바로가기

3

당신이 기술 블로그를 작성해야하는 이유 개인 프로젝트를 시작한지 약 3주 정도 됐는데 정말 배우는 것도 많고, 느끼는 것도 많은 프로젝트다. 사실 기술 블로그를 작성하는 것에 나 스스로 의문이 많았다. 널리고 널린, 그리고 더 정확하면서도 깔끔하게 써진 동일 주제가 이미 인터넷에 있기 때문이다. 그러나 일기를 적으며 하루를 되돌아보고 더 선명하게 기억할 수 있듯, 블로그 또한 내가 사소하게 배운 점들이더라도 다시 적어보며 성장하는 것에 의미가 있다. 그리고 사소해보여도 큰 도움과 가치를 제공하는 글도 많다. 며칠 전 공백문자가 필요해 구글에 검색했고 맨 위에 있는 공백 문자 제공하는 블로그 글에 공감이 250개가 넘는 것을 보았다. 그래서 이 글을 읽는 당신 또한 장황한 정보 글은 아니어도 본인이 해결했던 문제들을 조금씩 써보기 시작하기 바란.. 2023. 5. 15.
[JS] JavaScript 기초 2 (변수와 상수, 연산자) 변수 자바스크립트 데이터 저장 공간이다. 변수 선언 변수 이름을 정하고, 저장 공간 할당 'var' 키워드로 선언 var 없이 선언 age가 이미 선언된 변수이면, 존재하는 age에 21 저장한다. 자바스크립트에는 변수 타입이 없고, 변수에 저장되는 값에 대한 제약 또한 없다. 지역변수와 전역변수 지역변수는 함수 내에 var 키워드로 선언할 수 있고, 선언된 함수 내에서만 사용 가능하다. 전역변수는 함수 밖에 선언되거나 var 키워드 없이 선언된 변수로 프로그램 전역에서 사용 가능하다. var x; // 전역변수 지역 변수와 전역 변수의 이름이 같을 땐 'this'를 사용한다. 전역 변수에 접근하고자 할 때 : this.전역변수명 쉽게 말해 this는 지금 현재 위치한 곳의 부모를 지칭한다. functi.. 2023. 1. 2.
[CSS] Float (레이아웃 구성) 플롯(float, 매우 중요) 웹 페이지 레이아웃을 구성할 때 반드시 사용하는 속성이다. 키워드 left right none 플롯을 사용할 때 주의해야 할 점이 있다. 부모의 높이 값이 지정 안 되는 현상이 일어나는 것이다. 부모 요소에 1. 가상 요소:after { content: ""; display: block; clear: both;} 2. overflow: hidden 중 택 1을 적용해주면 된다. 기존 div 하나에 div 4개 박스를 넣고 border 값을 줘보았다. 자식 박스를 float left 했더니 이렇게 이상하게 돼있다. 지금이야 border를 적용시켜 눈으로 확인이 쉽지만 나중에 오류가 나면 찾기 힘들다. 첫 번째 방법을 적용하여 부모 박스에 .box:after {content: .. 2022. 9. 26.