Homile

CSS selector: html에 작성한 요소에 접근하는 방법 CSS Style 적용방법 inaternal: HTML문서 내에서 CSS style 적용 inaternal external: HTML문서 내에서 CSS파일 연동하는 방법 inline: 태그 내에서 style 적용 inaternal Selector: 요소 접근 방법 전체 selector: 모든 요소에 접근 * { } 태그 selector: 태그에 접근 div { } p { } Class selector: 클래스에 접근 .container{ } Id selector: 아이디에 접근 #container { } 자식 selector: 부모의 밑에 있는 자식 요소에 접근 body > div { }

📌 5월에 처음 공부하는 평일이다. 오늘은 10분 더 자고싶다고 생각해서 자고 일어나니 개운한 마음으로 시작한 것 같다. 📗 오늘 학습한 내용 CSS HTMl문서 내 CSS style 적용 방법 CSS Selector CSS 속성 Python 알고리즘 풀이 [Baekjoon]오큰수 [Baekjoon]오등큰수 HTML로 뼈대를 구성한 후 사용자가 보기 편하도록 UI, UX를 디자인 해주는 CSS에 대해서 학습했다. 요소를 선택하는 방법에는 많은 것이 있고, 헷갈릴 수 있는 것들이 존재하는데 주의해서 사용해야 할 것이다. 📘 추가로 공부할 내용 와이어프레임(wireframe) 와이어프레임에 사용하는 툴에 대해 알아본다. 목업(Mock-Up) Flexbox 내일 계산기 목업 만들기를 페어와 진행하게 되는데 이..

📌 일주일간 공부한 내용과 내가 실천하려 했던 목표를 따라서 이루었는지 생각해 보았다. 아직까진 1주차라 할만하다라고 생각하고 게으르지 않고 아침형인간으로 살아갔던 일주일이었다. 앞으로도 힘차게 나아가자!! 📗 일주일간 학습한 내용 JavaScript 변수, 문자열, 조건문, 반복문(for, while,...) DOM 배열 HTML TAG Python Python Study 알고리즘 문제 풀이 및 문제 선정 VSCode 일주일간의 내용은 이미 알고 있던 내용이라 조금 편안하게 따라갔던것 같다. 하지만 페어에게 설명함에 있어서 풀어서 말하는 것을 잘 못한다는 깨닫게 되어 학습을 조금 더 해야한다는 것을 느꼇다. 📘 다음주간 공부할 내용 CSS 기초 Flex Box selector 계산기 목업 및 구현 다음..

📌 일주일간 코드스테이츠 과정을 하고 맞는 첫 주말인 만큼 한주간을 돌아보니 기분이 이상했지만 앞으로 나아갈 길이 많으니 시간을 조금 더 체계적으로 써야 겠다고 생각하는 하루였다. 📗 오늘 학습한 내용 Python Python Study 알고리즘 문제 풀이 및 문제 선정 JavaScript Notion 알고리즘 업로드 내용 정리 VSCode 설치방법 및 설정방법 정리내용 업로드 Python study에서 프로그래머스 2단계 문제를 거의 다 풀다가 보니까 올림피아드 문제(?)가 나오는 것 같아서 3단계 문제를 보니 2단계 난이도랑 비슷한 문제들과 다양한 알고리즘이 있어서 이제는 3단계도 시작 해보기로 했다. 한주에 조금씩이라도 알고리즘을 공부하려던 Study의 목표 프로그래머스 3단계를 진출을 하게된 것이..

Visual Studio Code란? 마이크로소프트에서 개발한 가장 대중적인 소스 코드 편집기이다. Windows, Linux, Mac 어느 운영체제에서도 사용이 가능하다. 다양한 extension을 사용하여 개발자의 취향에 맞게 환경을 설정 할 수 있다. Visual Studio Code 설치방법 1. 다운로드 사이트에 접속한다. https://code.visualstudio.com/Download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Cod..

📌 오늘은 비가 와서 축 쳐지는 마음으로 시작하게 된 것 같다. 하지만, 시원해서 좋았다. 📗 오늘 학습한 내용 웹 개발의 이해 HTML HTML, CSS, JS의 차이 HTML 구조 tag VSCode 설치 및 사용법 유용한 extension 단축키 Github github 메인 페이지 꾸미기 Python 알고리즘 문제 풀기 [프로그래머스] 교점에 별 만들기 HTML, CSS, JS에 대해 조금 더 자세히 알아보는 계기가 되었다. VSCode가 이미 설치되어 있어 유용한 extension에 대해서 찾아보았다. 다른 개발자들의 github에는 어떤 내용이 올라와 있는지 찾아보던 중 메인 페이지에 자신이 사용하는 스택, tool 등이 계시되어 있는 것을 발견하게 되었다 이 기능은 20년 7월에 github..

📌 오늘도 문제 풀이가 있는 데 반복문 부분이라서 조금 더 공부하다 보니 늦게 잠을 자서 피곤한 상태로 아침을 시작했지만 성장하는 개발자가 되기 위한 일련의 과정이라 생각하니 힘이 났다! 📗 오늘 학습한 내용 JavaScript 반복문 for while 소수 판별 약수 판별 소수와 약수 판별하는 문제는 알고리즘에서 많이 풀었다고 생각했는데 오랜만에 다시 풀어보려고 하니 기억이 나지 않아서 조금 오래 걸렸던 것 같다. 확실히 내가 알게 되었다면 정리를 해서 다시 잊어도 바로 찾아 볼 수 있도록 해야겠다. 그리고 문제를 풀때 j++를 해야 하는데 i++를 해서 무한으로 이중 for문이 돌게 되었는데 이것은 꼼꼼히 확인을 했다면 문제없이 풀 수 있었을 것이라 생각한다. 📘 추가로 공부할 내용 JavaScrip..

📌 반복문: 같거나 비슷한 코드를 여러번 실행해야 하는 경우에 사용한다. 📌 반복문의 종류 for for...in for...of while do ...while 📌 for 어떠한 조건이 거짓이 될 때까지 반복한다. 주로 특정 조건이 주어져 있을 경우에 많이 사용합니다. for (초기문; 조건문; 증감문) 문장 ex) 초기문 i = 1, 조건문 i

📌 문자열: ''(따옴표)로 감싸진 데이터 값 let name = "cho"; console.log(name); // output: 'cho' 📌 문자열 내 특수문자 사용법 일반적으로 특수문자를 사용하듯이 하면 JS내에서는 작성되지 않는 경우가 있습니다. 위와 같은 경우 JS내에서 특수문자를 사용할 수 있는 기호들이 많이 존재하는데 그 중 자주 사용하는 문자를 작성해 보겠습니다. 특수문자 설명 \n 개행 \t 수평 탭 \b 백 스페이스 \\ \ 기호 \' '(작은 따옴표) \" "(큰 따옴표) 📌 문자열과 함께 사용하는 메서드 문자열에서 자주 사용하는 메서드들이지만 배열과 함께 사용하는 경우도 다수 존재합니다. concat(data1, data2, ...) 주로 배열을 이어 붙일때 많이 사용하지만 문자열..

📌 조건문: 참과 거짓을 판별하는 말그대로 '조건'을 구분할 수 있다. if ~else, if ~else if와 같이 단일 조건문으로 사용할 수 있으며 중복으로 조건을 처리할수도 있다. 논리 연산자(&&(and), ||(OR)) 연산자를 사용하여 조건문안에 조건식을 세워 줄 수 있다. 📌 if: if 문의 조건이 참일 때 명령문이 실행되고 거짓일 때 명령문이 실행되도록 한다. let a = 10; let b = 5; if (a > b){ // 조건이 참일 때 실행 console.log(`a가 b보다 큽니다.`); }else{ // 조건이 거짓일 때 실행 console.log(`b가 a보다 큽니다.`); } 📌 if ...else if: 조건문을 연속으로 지정할 때 사용한다. let a = 10; let ..