본문 바로가기

Programing371

여러 개의 div를 수직이 아닌 수평으로 배치하기 div 태그는 block 속성으로 수직으로 쌓인다.  1,000,000원이라는 1개의 div와 원이라는 1개의 div는 당연히 수직으로 배치된다.각각의 div에 동일한 class를 주고 CSS 속성에서 display = inline-block;을 주면 수평으로 나란히 배치된다. 가운데로 몰고 싶으면 상위 요소에서 text-align: center; 속성을 주면 된다.   원문 블로그 링크https://hianna.tistory.com/865 Programing/CSS 2024. 4. 25.
flex 요소가 2개 일 때 좌우 양쪽으로 밀기 한 안에div 1개는 @@후원자님div 1개는 후원-240424-01 이 상태에서 양쪽으로 미는 방법은 좌측 div에 margin-right: auto를 주어 오른쪽으로 쭉 밀면 됨. #donatorName { margin-right: auto;}   아래 블로그에 flex 요소 안의 div 개수마다 정렬하는 방법이 소개되어 있음.https://seons-dev.tistory.com/entry/display-flex-%EC%A2%8C%EC%9A%B0-%EC%A0%95%EB%A0%AC Programing/CSS 2024. 4. 25.
GIt과 GitHub 사용 총정리 Git을 사용하는 이유코드를 백업하고 이전 버전으로 되돌리기 위함. (버전기록/관리)Git 설치 방법Git windows 검색 후 설치.선택 옵션 체크 두 가지Use Visual Studio Code as Git's default editiorOverride the default vbranch name for new repositories => main으로 입력Git 최초 1회 개인정보 등록PowerShell 터미널을 연 후 아래 명령어 하나씩 차례대로 입력.git config --global user.email (예: kim@google.com)git config --global user.name (예: Kim ByeongJun)작업 폴더 세팅하기작업 폴더에서 에디터나 파워쉘을 엶.git init 1회.. Programing/Git 2024. 4. 25.
2024-04-25 자바스크립트 개인과제 4일차 Git, GitHub 사용법 학습 주말에도 계속 작업하고 싶으나, 경사가 있는 관계로 이틀 동안 외박이 불가피하여 git 사용법에 대해 익혔다. 곧 팀 프로젝트가 시작되는 관계로 git flow를 학습할 예정이다. 아래는 오늘 배운 git과 관련된 내용들.https://infistudy.tistory.com/187 GIt과 GitHub 사용 총정리Git을 사용하는 이유코드를 백업하고 이전 버전으로 되돌리기 위함. (버전기록/관리)Git 설치 방법Git windows 검색 후 설치.선택 옵션 체크 두 가지Use Visual Studio Code as Git's default editiorOverride the defaultinfistudy.tistory.com 자바스크립트 문법 학습 내용 map을 통해 배.. Programing/TIL 2024. 4. 25.
2024-04-24 자바스크립트 개인과제 3일차 오늘 배운 것div를 남발하는 것보다는 적절한 semantic tag를 사용하는 것이 좋다.코드 가독성 면에서나 SEO 최적화 등에서 유리한 것은 이미 알고 있었지만, 자바스크립트로 document를 통제할 때 간단한 경우 div 태그 자체를 수정하는 방법도 있겠으나, div를 남발한 경우 의도하지 않은 부분까지 수정되었음.api를 fetch로 받아온 경우 .then 외부에서는 api에 접근할 수 없다. 이 경우 async와 같은 비동기 함수를 사용해야 한다.아직 자바스크립트 입문 3일차로 then 안에서 코드를 작성 중이다. 계속 진도를 나갈 예정이다.api를 받아와 정보를 가공하는 경우 forEach 반복문이나 map 메서드가 자주 사용된다.의도했든 의도하지 않았든 map 메서드와 forE.. Programing/TIL 2024. 4. 24.

티스토리툴바