본문 바로가기

코드잇 스프린트 9기36

truthy값과 falsy값 true나 false로 평가되는 값 자바스크립트에서 truthy값과 falsy값은 각각 '참같은 값'과 '거짓같은 값'으로 표현할 수 있으며, 이를 통해 조건문에서 각 값의 true와 false 여부를 확인할 수 있다. Falsy 값falsy 값에는 다음과 같은 값들이 해당된다.false숫자 0-0 (음수 0)0n (BigInt 0)"" (빈 문자열)nullundefinedNaN조건문에서 falsy값이 나오면 false로 평가되며, 반복문에서는 falsy값이 나올 시 반복이 종료된다. Truthy 값truthy 값에는 다음과 같은 값들이 해당된다.true빈 문자열이 아닌 모든 문자열0이 아닌 숫자3.12같은 소수-50 (음수)[] (빈 배열){} (빈 객체)function() {} (함수)위 falsy값.. 2024. 7. 19.
[2주차 위클리 페이퍼] position 속성 요소를 특정 위치로 이동할 수 있는 CSS 속성 position 속성은 요소를 특정 위치로 이동시키거나 특정 위치에 고정시킬 때 사용하는 속성이다.  이 속성의 값들은 다음과 같다.1. static이 값은 position 속성의 기본값이며, 요소를 문서상 원래 있어야 할 기본 위치를 나타낸다.  그렇기 때문에 top, bottom, left, right 속성과 z-index 속성이 적용되지 않는다.2. relative이 값은 원래 있던 자리를 기준으로 요소의 위치를 조정할 수 있다. 만약 absolute 속성을 쓰는 자식 요소가 있을 때, 부모 요소에 relative 값을 주면 자식 요소는 부모를 기준으로 이동할 수 있다.3. absolute이 값은 절대 좌표를 기준으로 요소의 위치를 조정할 수 있는 값.. 2024. 7. 11.
[2주차 위클리 페이퍼] 시맨틱 태그 시맨틱(semantic) 태그를 사용하면 좋은 점 header, nav, main, footer, section, article 등등.. HTML에는 이러한 태그들이 있다. 그리고 이 태그들은 각 태그명에 해당하는 특정 영역에서 사용하며 영역을 의미있게 나눠주는 역할을 한다. 성질은 div 태그와 같은데, 이 태그들을 사용하면 개발자가 이 부분이 어떤 영역일지 짐작을 하게 해준다. 이렇게 의미를 가지는 위 태그들을 시맨틱 태그라고 하며, semantic이라는 단어 자체가 '의미의, 의미론적인'을 뜻하는 것처럼, 작성하는 사람의 의도를 분명히 하는 역할을 한다. 그렇기 때문에 시맨틱 태그는 HTML의 구조를 설계하는데 있어서 태그에 의미를 부여함으로써 웹사이트의 구조를 파악하기 쉽도록 도와준다. 시맨틱 태.. 2024. 7. 10.
가상DOM에 대해서 가상DOM이 어떤 것이며,  가상DOM이 없다면? 가상DOM은 실제DOM의 구조를 본뜬 것이며, 리액트같은 라이브러리나 프레임워크에서 사용되어 성능 향상과 개발 편의성을 제공한다. 가상DOM을 사용하면 실제 DOM에 반영하기 전에 실제 DOM과의 차이점에 대해서만 인지하여, 해당되는 부분만 DOM 조작을 통해 효율적으로 업데이트하게 되어 성능을 개선하는 데 도움을 줄 수 있다. 또, 가상 DOM을 사용하면 상태 기반의 선언적 프로그래밍이 가능해져서 코드의 가독성이 좋아지고 유지보수 또한 효율적으로 진행할 수 있다. 예를 들면 리액트는 state나 props가 변경될 때마다 자동으로 UI를 다시 렌더링하는 것을 들 수 있다. 그럼 만약 가상DOM이 없다면 어떻게 될까? 가상DOM이 없으면 UI의 변화가 생.. 2024. 6. 5.
git 협업 시 알아야할 branch 전략, 참고할만한 명령어 stash 브랜치 전략의 종류 프로젝트가 커졌을 때, 참여인원이 많을 때 개발을 진행하다보면 수많은 브랜치와 커밋으로 굉장히 복잡한 상태가 될 수 있다. 이런 경우를 방지하고 브랜치와 merge를 깔끔하게 하고 싶을 때 브랜치 전략을 사용한다. 전략에는 git flow, github flow, trunk-based, gitlab flow가 있는데, 주로 git flow를 사용한다. git flow는 main, develop, feature, release, hotfix 브랜치를 만들어 사용하는 전략이다.  main 브랜치는 중심브랜치이기에 신기능을 만들어서 push하면 안되며, develop 브랜치에 프로젝트를 복사하여 개발을 진행한다. 이 경우, develop 브랜치도 점점 복잡해지기에, 신기능은 feature .. 2024. 5. 18.
git 협업 시 알아야 될 명령어들 - 브랜치와 merge git branch 협업 시에는 보통 처음부터 끝까지 한 개의 브랜치만 가지고 하는 경우는 없다. 브랜치 전략에 따라서 주된 브랜치 하나 위주로 진행하는 경우는 있더라도 개발하면서 필요할 때 새 브랜치를 만드는 경우가 많다. 만약 내가 맡은 역할이 댓글을 입력하면 그 사람에게 알람이 가도록 하는 기능을 만드는 것이라면 해당 기능을 위한 브랜치를 만들어 볼 수 있다. 이때 'git branch 새 브랜치명'을 입력하여 브랜치를 만들고 'git switch 브랜치명'을 입력하여 기존 브랜치와 새 브랜치를 왔다갔다 할 수 있다.  이 git branch를 통해 기능별로 독립적인 개발도 가능하다.  새 브랜치를 통해 개발한 것을 중심브랜치와 합치려면 중심브랜치에서 'git merge 브랜치명'을 입력하여 합칠 .. 2024. 5. 16.

티스토리툴바