'JavaScript' 태그의 글 목록 (4 Page)

이번 회차 학습 목표 (goal) 이해 하고자 하는 것 'CSS' ==부트스트랩 활용== 학습 목표는? '이해' 의 경우 '키워드', '쉽게' 만들기의 경우 구체적으로 어떤 코드를 해서 > 어떤 output 을 ==명확히 보여주기!== syntax 의 경우 ''이런 output 만들려면 > 이런 code 필요하겠다.'' 를 떠올릴 수 있기. 왜 이게 중괄호고, ** 이게 들어가고, 하는 ==생각을 하지마.== '이런 code 를 쓰면 > 이런 output 이 나오는구나.' 라고 ==받아들이기== 부트스트랩 의의 예쁜 CSS 를 모아둔 것 어떻게 써? #블로그에부트스트랩활용하기 ( ✅ 블로그에도 이걸 하려면..

이번 회차 학습 목표 (goal) 이해 하고자 하는 것 - 'CSS' - 폰트, 주석, 파일 분리 학습 목표는? '이해' 의 경우 '키워드', '쉽게' 만들기의 경우 구체적으로 어떤 코드를 해서 > 어떤 output 을 명확히 보여주기! syntax 의 경우 ''이런 output 만들려면 > 이런 code 필요하겠다.'' 를 떠올릴 수 있기. 왜 이게 중괄호고, ** 이게 들어가고, 하는 ==생각을 하지마.== '이런 code 를 쓰면 > 이런 output 이 나오는구나.' 라고 ==받아들이기== 폰트 접속 URL https://fonts.google.com/?subset=korean #### 어떻게 가져..

학습 목표 (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 축으로..

티스토리툴바