eoeung's

오늘은 typeof, 연산자, 함수, 호이스팅, 조건문, 반복문, 내장 메서드, 메서드 체이닝 같이 Javascript에서 굉장히 많이 사용하는 개념과 기능에 대해서 배웠다. 내용이 광범위했고, 제목에 없는 내용 중 조건문, 반복문 등은 이미 알고 있기에 정리하지 않으려한다. 긴가민가했던 부분에 대해서 확실하게 정리하기 위해 글을 작성했다. 1. 전위 연산자, 후위 연산자 Javascript에서 사용할 수 있는 연산자 중에 증감 연산자라는 것이 있는데, 그 중에서도 전위 연산자와 후위 연산자가 많이 헷갈려서 정리해보려고 한다. 먼저 코드를 살펴보자. // ++: 변수 값을 1 증가 // --: 변수 값을 1 감소 let result1, result2; let num = 10, num2 = 10; // 후..

오늘은 CSS에서 처음 들어보는 부분에 대해서 학습했다. display: flex와 animation인데, 전에 코드를 작성했을 때는 display: inline-block과 float속성으로 주로 작업한 터라 flex가 굉장히 어려웠다. 또한 애니메이션을 쓸 일이 없어서 아예 안되는 줄 알고 있었는데 충격이 컸다. 1. display: flex display 속성을 기본적으로 화면 구성을 위해 사용한다는 점은 어느 정도 인지하고 있었는데, 예전에 작업할 때는 semantic html과 inline-block위주로 작업을 해서 flex는 존재만 알고 있는 상태였다. 내용이 복잡하고 다양해서 하나하나 그림으로 알아보는 것이 매우 편할 것이다. 참고로 아래 글에서는 직접 클릭하면서 어떻게 변하는지 눈으로 보..

오늘은 전반적인 CSS 기본 수업을 받았다. CSS는 기본적인 지식이 어느 정도 있었다. 이번 글은 새롭게 알게된 내용과 모호하게 알고 있던 것을 정리하는 식으로 적으려 한다. 1. CSS 선택자 CSS를 공부했을 때, 선택자가 복잡하기도 하고 헷갈려서 제대로 암기도, 이해도 안 한 채로 넘어갔었다. Sean 리더님께서 알기 쉽게 정리해주셔서 이해하는 데 많은 도움이 되었다. 1) 선택자 (1) 단일 선택자 전체 선택자: (*) /* 모든 태그를 선택한다. */ *{...} 태그 선택자: (태그명) /* 라는 태그를 선택한다. */ body{...} class 선택자: (.class속성값) /* button이라는 class속성값을 지닌 태그를 모두 선택한다. */ .button{...} id 선택자: (..

오늘은 웹 개발을 하기 위해서는 필연적으로 마주칠 수 밖에 없는 HTML에 대해서 얕게 많은 것을 진행했다. 1. HTML 기본 기본적으로 , 이 기본적인 구조를 토대로 여러 가지 태그를 통해서 화면을 구현한다고 볼 수 있다. 태그들은 기본적인 부분만 알고 있으면 까먹더라도 검색을 통해서 알 수 있어서 굳이 적지는 않으려고 한다. 2. HTML 구성요소 HTML을 구성요소는 태그, 요소, 속성이라는 키워드라고 불리는 3가지가 존재한다. 1) Tag (태그) HTML 구성요소 중 첫 번째인 '태그'라는 친구인데, 태그는 간단하게는 이런식으로 부등호 기호를 사용한다. 시작할 때는 그냥 이렇게만 사용하며, 태그를 끝맺음할 때는 처럼 슬래시를 적어줘야한다. 또 중요한 부분이 있는데, 태그 안에서도 다양한 것을 ..

첫 수업시간에 Git의 기본 원리와 사용 방법에 대해서 배웠다. 아래 글에 더 자세하게 있다. 2023.07.18 - [IT/Git] - Git의 기본 원리 (git add, commit, push) 아이맥이라는 새로운 PC와 새로운 환경에서 Git을 진행했다. 포맷이 되지 않았는지 전에 사용하던 분의 정보가 저장되어 있었고, Git 설정 중에 config관련해서 새로운 사실을 알게 되었다. 그리고 add, commit, push를 하는 방법은 습득하면서도 취소하는 방법이 궁금해져서 찾아보다가 내용이 복잡해서 나만의 글로 정리하려 한다. 1. git config git 수업을 진행하다가 아래와 같은 git 명령어의 결과가 달라서 검색해보았다. 상황이 어떠했냐면, user.name과 user.email을 ..