Hello creators 🙌

1️⃣ 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 javascript 문법 기초 내용 구구단, 수상자 뽑기, 3의 배수 코딩해보기 2️⃣ 기초 문법 내용 요약 1. 웹 만들기 할 때, js 어디에 써? (작성 위치 및 연결) 1) 작성 위치 태그 밑에 써 2) 연결방법 1. . 태그 사이에 쓴다. 2. . 태그에 연결 %% 연결 코드 👇%% 2. 변수 사용시 주의할 것 - 사용시 주의할 것 1. '선언자' 가 없으면 전역변수. 2. '선언자' 를 반드시 활용 3. let vs var 는 '재선언 가능 여부' 4. let 를 주로 쓸 것 ⭐⭐⭐⭐⭐ 변수란? [변수란?] - 데이터를 가르키는 주소 - 이 주소를 따라가면 - 데이터가 있음 - 변수는 데이터를 저장 - 주소를 알면 -> 데이터를 ..

1️⃣ 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 merge 및 협업 방식 2️⃣ 요약 1. 요약 1) git 설치 및 pull, push (지난 포스팅 중복) [1️⃣ pull] 1. '작업 하고자 하는 폴더(로컬 pc 의 폴더, vs code 에서 연 폴더)' 와 'terminal 폴더(teminal 이 가리키고 있는 폴더)' 일치 시키기 2. 깃 파일 만들기 git init 3. 원격 저장소 연결 git remote add origin https://github.com/JEONGDEOKJIN/230306.git 3.1 오류 발생 해결 git remote remove origin git remote add origin 4. pull 명령어 git pull origin master [2️..

git 활용해서 1️⃣ pull 2️⃣ push 해보기 1. git 이란 형상 관리 도구 중 하나 형상 관리 도구란 '버전 관리 시스템' ex) 버전 1, 버전 2, 등등 작업하면서, 작업의 리스트를 관리할 수 있다. 2. 주의할 점 작업을 망치지 않으려면, 무조건, pull -> push 순서로 해야 함. ⭐⭐⭐⭐⭐ (무조건 절대 원칙) git 은 굉장히 조심해서 다뤄야 함. 3. [명령어 요약] ⭐⭐⭐⭐⭐ [1️⃣ pull] 1. '작업 하고자 하는 폴더' 와 'terminal 폴더' 일치 시키기 2. 깃 파일 만들기 git init 3. 원격 저장소 연결 git remote add origin https://github.com/JEONGDEOKJIN/230306.git 3.1 오류 발생 해결 git..

transform 태그 1. 기능 위치, 크기, 각도 등을 변경할 수 있어 위치변경은 position 과 비슷한 기능일 수도. 차이점은 뭘까 ?? #❓❓❓_질문하고싶음_모르겠음 기본 코드 /* box 클래스 안에 있는 img 에 대해 transform 속성 주기 */ .box img { /* transform : translate(x축, y축) 해당 태그의 위치를 이동시켜준다. */ transform: translate(50px, 100px); } transform 결과 - 하나의 축 으로만 이동하게 할 수 있음. ⭐️⭐️⭐️⭐️⭐️ #🤟_배운것_WIL .box2 img { /* y축 없고, x 축만 이동 */ transform: translateX(100px); } .box2 img { /* y 축으로..

1️⃣ 이번 회차 학습 목표 (goal) 1. 배우고자 하는 것 position CSS 유뷰브 썸네일들 만들기 호버 기능 ol - li 태그로 만든다는 것 iframe - `background.css` - 자식 태그 선택하는 것 ⭐⭐⭐ -  - 2️⃣ 해보기 1. 해보기 호버기능 개발자 모드에서 hover 확인 가능 오른쪽 에 나와있음. 2. 해보기 🤯 혼자서 만들어보기(미니 플젝, 과제) 만들고자 하는 것 06_유튜브_page_과제.html 여기에 만들기 작성한 코드 느낀점 wrap 레이아웃 잡을 때, 일일이 사이즈를 줘야 하나? 아 호버 기능은 구현 못 했네 교수님이 하신 것 봤을 때 content 이것도! ⭐⭐⭐⭐⭐ youtube.교수..

1️⃣ 이번 회차 학습 목표 (goal) 배우고자 하는 것 게시판 3개 만들어보기 css 및 html 기본 개념 2️⃣ 수업 내용 정리 [1교시] 개발자 도구에서 shift + 휠 활용해서 -> 수치 변경하기 '개발자 도구' 에서 -> 고쳐야 하는 부분 클릭 -> shift 누르고 + 마우스 휠 -> 10 단위 씩 수치가 변경함. 1. box sizing 기능 그냥 div 와 div 를 만들면 -> 딱 붙어 있게 됨 div + border 랑 div + border 주면 -> border 만큼 떨어져 있게 됨 box sizing 을 감싸주면 -> border 를 넣어도, 그 안으로 딱 들어가게 됨. ⭐⭐⭐⭐⭐ 예를 들어서 div 의 width 를 100 으로 주고, border (1px 임) 를 주면 -..

1️⃣ 이번 회차 학습 목표 (goal) 1. 만들고자 하는 것 입사지원서 만들기 최종 결과물 그 이전 수업은 보충 해야 함. 2️⃣ 입사지원서 만들기 1. 우선 작동하는 코드 파일 1) 과제하면서 어려웠던 부분 a) table 과 table 사이를 띄우기 문제상황 이렇게 잘 안 띄워졌음. 문제 원인 하나의 table 태그 안에, 다 다 넣으려 했었음. 해결 각 table 태그에 하나의 표를 넣고 빈 공간도 table 에 넣어주는 방식으로! 생각해볼 지점 음... 근데... 이게 맞는건지 모르겠다... 눈치로 한 느낌... b) 셀 안에 빈 공간 만들기 문제 상황 만들어야 하는 건, '공란' 인데, 아무것도 안 넣으면, -> 쪼그라들었음. 원인 뭔가를 쓰면 -> 칸이 유지되고, 뭔가를 안 쓰면 -> 칸이..