🎈 orm

날이 풀려서 좀 살만하다. 변수 '변할 수 있는 수', '변할 수 있는 정보'를 의미한다. 데이터의 값을 할당하는 문자를 변수라고 생각하면 된다. var x = 3; let y = 4; const z = 5; 보는바와 같이 JS에는 변수를 선언하는 키워드가 총 3개다. var, let, const인데, var는 이제 쓰지 않는 추세라고 한다. let 변수를 지정. 재할당이 가능한 변수를 선언할 때 사용. 선언과 동시에 초기화를 할 필요 X 가리키는 값이 반드시 변경되어야 할 때만 사용하는것을 권고. const 상수를 지정할때 사용. 즉, const는 재할당이 불가능하다. 초기화가 필요하다. 웬만하면 const를 사용하는것이 낫다. 일단 둘 다 블록 스코프를 가진다. {}태그 안에서만 유효하다는 의미다. ..

오전에는 lms로 수업을 진행했다. 이호준 강사님의 html/css 수업이었는데 마지막 애니메이션 부분이 너무 신기했다. 꼭 써먹어봐야지 ㅎㅎ 오후부터는 다시 재현 강사님 시간. flex 속성에 관해 자세히 알아보았다. 여전히 어려운 녀석이다...^^ 참고로 CSS를 작성할때 부모 요소의 높이/너비를 정해두지 않으면 보다 유연한 UI를 만들 수 있다고 한다. 자식이 늘어날수도 있으니까. flex-container의 속성 flex-direction은 주축 및 방향, justify-content는 주축을 기준으로 아이템 사이의 간격을 조절. align-items / align-content align-items: 교차 축을 기준으로 정렬한다. align-content: 컨테이너의 교차 축의 아이템들이 여러줄..

오늘 오전의 대부분은 어제자 실습과제 리뷰 + 강사님의 풀이 시간이었다. 전부 다 리뷰하진 않으셨고 랜덤으로 뽑으셨는데 중간에 내가 걸려버렸다. 잘하셨던 분들 뒤에 딱...^^;; 아무튼 내 코드에서 문제되는 포인트다. 안에 태그 을 감싸는 용도로 사용 사실 1번은 내가 해놓고도 왜 저랬는지 기억이 안나서 당황스러웠다. button태그를 아무 효과도 없는 '그냥 버튼모양'이라고 생각했었던듯... div를 최대한 피하려고 노력했는데 정말 div'만' 피해버렸다. 앞으로는 안될것같으면 그냥 div 쓰고 "네이버 스타일입니다."라고 우겨야지. position html태그의 위치를 지정해주는 속성이다. 레이아웃을 설정하고 싶을때 주로 사용한다. static: 기본값이다. html태그를 작성한 순서대로 위치가 지..

오늘부터는 CSS수업을 진행한다. CSS란? : Cascading Style Sheet. 우선순위를 가지고 적용되는 모습이 폭포같다해서 붙여진 이름이다. 앞서 배웠던 Html의 스타일, 레이아웃을 꾸며주는 역할을 한다. 형식은 다음 그림과 같다. 주석은 줄 갯수와 상관없이 /* */ 을 사용. CSS를 적용하는 방식은 세가지가 있다. 1. 인라인 방식 - 태그 내에 style속성으로 직접 부여한다. 다만 가상요소(:hover...)에는 사용할 수 없다. Hello wold 2. 내부 스타일 - html의 head태그 안에 style태그를 사용하는 방법이다. 3. 외부 스타일 - 가장 베스트. link태그로 css파일과 html파일을 연결시켜주는 방법이다. 코드의 가독성, 효율성 모두 높아진다. 속성을 부..

쿠키런 업데이트가 있는 날이다. 아침부터 행복하다. 지난 시간에 목록 태그까지 나갔었기 때문에, 오늘 첫 시간은 img태그였다. img 말 그대로 이미지를 삽입하는 태그다. 형식으로 구성된다. src는 이미지를 랜더링할 주소, alt는 해당 이미지의 설명을 담당한다. alt부분을 빼먹으면 스크린리더가 이미지 파일명을 그대로 읽어버린다. 그러므로 의미가 없는 이미지라도 alt=""형식으로 넣어줘야 한다. 참고로 img태그는 인라인요소이기 때문에 공백처럼 보이는 부분이 발생할수도 있다. 해결방법은 두가지가 있다. display=block처리를 해서 img를 아예 블록요소로 만들어주거나, vertical-align을 사용하면 된다. (img의 vertical-align 디폴트값은 baseline이다. 따라서 ..

오늘부터는 HTML/CSS 수업을 진행한다. 알록달록 재밌겠다^^ HTML/CSS 파트는 면접때 뵀던 한재현 강사님이 맡으셨다. HTML Hyper Text Markup Language의 약자로, 웹 페이지 표시를 위해 개발된 마크업 언어. 의 그 html이다. html은 요소(Elements)로 구성되어 있다. 요소는 태그로 표현되며 요소안에 다른 요소가 들어갈 수 있다. 🚨 html은 오류를 알려주지 않는다 지금까지 배웠던 Python과 달리 유도리가 있는 녀석이라 어떻게든 결과물을 보여준다. 그러므로 오류는 없는데 결과물은 희한하게 나오는 경우가 발생할 수 있다. 이를 방지하려면 https://validator.w3.org/ 에서 마크업 검사를 돌리자. (vscode 확장기능으로도 존재함!) 그리고..