본문 바로가기

Web dev39

자바스크립트 04 문자열 메서드의 mutable, immutable 이란? 1. 현재의 무드: 좋습니다. 그렇지만 숙면이 필요합니다. 2. 오늘 학습한 내용 중 키워드: 배열 메소드 중 mutable, immutable한 메서드의 구분과 사용 3. 오늘 학습한 내용 요약: 배열은 let arr = [1, 2, 3, 4] 이렇게 대괄호 [] 내에 요소값 여러개가 들어갈 수 있는 값들의 모음집을 이야기합니다. 처음 배운 '변수' 에는 let var1 = 1; let var2 = 2; let var3 = 3; let var4 = 4; 이처럼 하나의 값만 할당해 줄 수 있기 때문에, 대량의 데이터를 다루는 데에 상당한 비효율을 초래합니다. 그래서 배열에 나열해서 넣어주면, 대량의 데이터를 다루는 데에 편해지는 이점이 있습니다. 그러면 우리는 배열의 각 값들에 접근을 하거나, 지우거나,.. 2022. 11. 3.
HTML, CSS 02 계산기 목업 만들기를 위한 CSS 속성을 알아보자_02 1. 현재의 무드: 이태원 참사 뉴스를 보고 아침부터 쭉 기분이 다운이다. 정신적으로 꽤 충격을 많이 받아서 ... 좀 회복할 시간을 줘야할 것 같다. 그래도 해야 할 일은 해야하니까 블로깅 간단하게 정리하고 자려고 한다. 2. 오늘 학습한 내용 중 키워드: CSS 속성들 3. 오늘 학습한 내용 요약 4. animation: 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜준다. 애니메이션을 나타내는 CSS 스타일, 그리고 애니메이션의 중간 상태를 나타내는 @keyframes 로 이루어진다. mdn 문서에 따르면, 자바스크립트를 이용한 애니메이션보다 세 가지 장점이 있다고 한다! 1. JS몰라도 간단한 애니메이션을 만들 수 있음 2. JS를 이용한 애니메이션은 잘 만들어졌더라도 .. 2022. 10. 31.
HTML, CSS 02 계산기 목업 만들기를 위한 CSS 속성을 알아보자_01 1. 현재의 무드: 오늘은 계산기 목업 만드려고 레이아웃을 짜는데, 후에 CSS 적용해서 만들 생각을 하니, 클래스명, id명을 큰 그림을 짜고 시작하는게 좋겠다 싶었다. 그리고 아직 어떤 결과물을 만드는 과정을 거쳐본 적이 없으니, 그 과정이 꽤 버겁게 느껴졌다. 그치만 오늘 매칭되신 페어님께 같이 예제 보면서 구조를 분석해보고, 참고로 목업 구조 짜는게 어떻냐 제안드렸다. 그렇게 같이 HTML, CSS 모두 예제 구조를 보니 훨씬 이해가 잘 되어서 감을 어느 정도 잡았다! ㅎㅎ 그리고, CSS 속성 중 처음 보는 것들을 정리해서 같이 블로깅 한 후, 공유하기로 했음. 역시 같이 하는게 최고! 그래서 오늘은 해당 예시에 있는 CSS 속성 중, 정확히 모르는 것들에 대해 정리해볼 예정! 2. 오늘 학습한.. 2022. 10. 30.
HTML, CSS 01 rel, href는 뭔가요? 습관적으로 HTML에서 사용하던 태그 중, 여기서 rel, href 는 각각 무슨 의미이며 어떤 역할을 할까? rel: is short for relation. It specifies the relation between the tag and href. 즉, 연결하고자 하는 파일의 역할이나 특징을 의미한다. CSS 는 stylesheet이므로, rel ="stylesheet' href: stands for hypertext reference. It's the source of the file used by the tag. 연결하고자 하는 파일의 위치를 써주면 된다. 이 둘은 모두 external css file을 연결할 때도 쓰지만, anchor 인 태그에서 하이퍼링크를 달 때도 쓸 수 있다. https.. 2022. 10. 27.

티스토리툴바