본문 바로가기

전체 글102

자바스크립트 const로 array 선언하면 일어나는 일 1. 현재의 무드: 붙캠 점심시간을 틈타 스터디 디코에서 논의한 것을 정리하는 중임다. 기분이 째집니다. 2. 오늘 학습한 내용 중 키워드: const, array, 재할당, 변수 선언 시 일어나는 일 (메모리) 3. 오늘 학습한 내용 요약: 제가 한 질문은 아니지만, 스터디 디코에서 다른 스터디원분이 질문해주신 게 내용이 넘 좋아서 해당 논의하며 배운 것을 정리해봅니다! var // 재선언, 재할당 모두 가능 const // 재할당 불가능 let // 재할당 가능 var name = 'babo' console.log(name) // 'babo' var name = 'genious' console.log(name) // 'genious' // 재선언, 재할당이 모두 되었음 const name = 'bab.. 2022. 11. 3.
코드스테이츠 프론트엔드 부트캠프 Day 10 회고 오늘은 working days 기준으로 붙캠을 시작한지 10일차 되는 날입니다 👏 10일동안 한 경험을 바탕으로, 매일 짧게나마 회고를 남기는게 좋겠다 싶어서 오늘부터 시작! 매일회고 bullet은 1. 오늘 배운 것 2. 어려웠던 점 3. 극복/해결하기 위해 한 일 4. 피드백 으로 정했음! 1. 오늘 배운 것: 1-1. git을 통한 버전관리와 github을 통한 협업의 기초에 대해 학습했다. 어떻게 github을 통해 remote repository, local repository를 왔다갔다 할 수 있는지, git을 통한 버전관리가 왜 필수적이며, 어떠한 이점이 있는지를 알게 되었음! 1-2. 터미널로 하는 CLI 에 대한 기초 학습! 기초적인 명령어 사용, 절대 경로와 상대경로 (이 부분은 아직도.. 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.

티스토리툴바