Hello creators 🙌

학습 목표 (goal) 이해 하고자 하는 것 'CSS' 'CSS' 중요 원리인 =='부모 자식 관계'== 만들고자 하는 것 '로그인 페이지' 를 꾸미기 학습 목표는? 만들기의 경우 구체적으로 어떤 코드를 해서 > 어떤 output 을 명확히 보여주기! syntax 의 경우 ''이런 output 만들려면 > 이런 code(태그) 필요하겠다.'' 를 떠올릴 수 있기. CSS 이해 CSS 란? cascading style sheet. 물 흐르듯이 스타일이 변화해 간다. '==뭔가==를' '==꾸미는 것==' 꾸미려면, '==뭔가==를 가리키는 것' 이 전제 되어야 함. 즉, &#39..

학습 목표 (goal) 만들고자 하는 것 로그인 페이지 학습 목표는? 이걸 안 보고 치는거? '어떤 기능(==태그==) 이 필요하겠다.' 정도를 떠올릴 수 있는 것? 만들어보는 학습에서 중요한 포인트 구체적으로 어떤 코드를 해서 > 어떤걸 만들게 되었는가! 복습 방향 ⭐⭐⭐ (고민중) 뼈대 만들기 로그인 페이지 Id : Password : 로그인 하기 : 버튼입니다

학습 목표 기본적인 '태그' 가 '어떤 output' 을 내는지 'library' 만들어놓기 여기에 있는걸 ==코드 스니펫== 으로 사용할 수 있게 ==syntax 정리== syntax 정리할 때 포인트 input > ==code== > ==output== 이 ==명확==하게 보일 수 있도록! '뭔가를 쓸 수 있는 공간' 처럼 내가 직관적으로 써넣을 수 있는 것들 까지 ==검색을 위해 '직관적 유사어'== 최대한 많이 기록 복습 방향 ⭐⭐⭐ 암기 노노 ==이런 output== 을 내려면 -> ==어떤 키워드, 태그, 를== 떠올려서, ==검색해야 하나?== 정도만 구체적인 syntax 는 여기에서 =='복붙'== 으로 ..

학습 목표 '해킹' 을 통해 내가 네이버 검색을 하고 -> 브라우저가 서버에 뭔가를 주고 -> 서버는 그 다음 뭘 하고 -> 그 다음 브라우저는 무엇을 하는지 이해할 수 있다. 쉽게 말하면, 클라이언트, 브라우저, 서버를 쉽게 쉽게 이해해보기 '가짜 해킹'을 통해 인터넷 핵심 요소 이해하기 1️⃣ (사용자) 내가 네이버에서 '삼성전자' 라고 검색하고 enter 누른다. 2️⃣ (브라우저) 그러면, 브라우저는 '서버' 에게 'query값이 반영된 ==삼형제==' 를 요청한다. 다만, 아직, 구체적으로 무엇이라고 명명해야 하는지는 모르겠음. 나에게 일어나고 있는 일을 이렇게 기록하는 것 임 3️⃣ (서버) 서버는 브라우저의 요청에 삼형제..

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 임) 를 주면 -..