🌱 → 🌳

📌 질문 (오류 발생) codingon 과제를 하던 중 질문이 발생하였다. 과제는 div와 span tag를 이용하여 2022 7월 달력 만들기 위 사진에서 같은 span tag에 display:inline-block; 했는데 text값이 들어간 span은 아래로(위에 빈칸 발생), text값이 들어가지 않은 span은 위로 붙어서(아래 빈칸 발생) text가 있는 span과 없는 span이 같이 들어간 div칸만 height가 커져있음 뭐가 문제일까 해결 방법이 뭘까 📌 해결 방법 span 요소의 기본 속성인 vertical-align 속성이 base-line 으로 설정이 되어있기 때문에 발생하는 문제였다. 즉, span 요소의 경우 수직 정렬을 글자의 base-line 에 맞추어서 수직 정렬이 일어나..

📌 HTML 구조 tag 메타 데이터를 포함하기 위한 태크 title : HTML 문서의 제목 style: HTML 문서의 style 정보 정의 link: 외부 리소스와의 연결 정보를 정의(CSS 파일 연계 등) script: JavaScript 정의 meta: 페이지 설명, 키워드, 저자, 화면 크기 등의 정보(주로 브라우저 또는 검색 엔진에서 사용) tag HTML 문서의 내용을 담는 태그 📌 Tag 속성 type : 말머리 기호 변경 start: 시작 값 변경 reversed: 역순으로 시작 속성 target: 링크 된 문서를 열었을 때 문서가 열릴 위치 표시 현재는 div 사용을 더 많이 함 (table 사용 빈도 하락) : 표를 감싸는 태그 : 표 내부의 행 : 표 내부의 제목 칸 : 행 내부의..

SQLD 시험 결과가 나왔다 ! 생각보다 점수가 낮은거 같은데 ;;ㅋㅋ 어쨋든 합격했으니까 만족 ! 2022 SQLD 시험 일정! 46회나 47회 도전하실 분들은 참고하면 된다. 비전공자의 공부방법 우선 본인은 비전공자이지만, 정보처러기사 필기를 위한 공부를 해보았기에 CS(?)에 대한 지식이 조금은 있었다. 공부기간은 일주일 정도로 잡았는데 하루종일 공부한 건 아니고, 하루에 3-4시간 정도 했던 것 같다. 우선 SQLD 하면 제일 유명한 노랭이 교재를 구입하여 풀었다. 시험을 쳐보니 왜 이 교재로 풀어보라는지 알 수 있었다. 똑같이 나오는 문제가 상당히 많기 때문이다. 근데 이론에 대한 설명없이 문제만 나와있어서 비전공자였던 나는 1회독 하기도 힘들었다 ;; 포기해야 하나 싶었을 때 쯤, 구세주 등장..

Git 이란, Linux 기반 VCS(Version Control System) 📌 Git 설치하기 📌 Git, 시작하기(CLI) git config --global user.name "이름" git config --global user.name git config --global user.email "이메일" git config --global user.email git config --global init.defaultBranch main 📌 Git, 사용하기 git status // git 현재 상태 확인 git add . // 전체 add git commit git commit - i - 메시지 입력 - esc - :wq git commit -m "commit message" 📌 Git ignor..

1. 입력 Point I 변수 = input() : 변수에 입력받은 값을 집어넣겠다는 의미 var = input() Point II 어떤 것을 입력하든 문자열로 입력되기 때문에 형 변환이 필요 int() : 정수형 변환, str() : 문자열 변환 등… var1 = input() #4 입력 var1 = int(var1) var2 = int(input()) #3 입력 print(3+var1+var2) #10 출력 2. 논리 자료형(Boolean Data) Point I 논리 자료형 : 참(True) 혹은 거짓(False)을 나타내는 자료형 True, False Point II 비교 연산자 : 숫자나 문자의 값을 비교하는 연산자 주어진 진술이 참이면 True, 거짓이면 False A == B #A와 B가 같..

1. print() Point I print() : 문자열을 출력하는 명령어 print("Hello Rabbit!") ## 출력결과 ## Hello Rabbit! Point II 콤마(,)를 통해 여러 자료를 출력 print(3, "Hello") ## 출력결과 ## 3 Hello Point III print()를 여러 번 사용하여 여러 줄에 걸쳐 출력 print(3) print(6) print(9) ## 출력결과 ## 3 6 9 2. 기본 자료형 Point I 숫자형 : 숫자로 이루어진 자료형 3 : 정수 3.14 : 실수 Point II 문자열 : 문자, 혹은 문자들의 집합 - 큰따옴표(“)/작은따옴표(‘)로 구분 'Hello' '3.14' "3.14" Point III 리스트 : 여러 자료를 함께 보..

바닐라JS로 크롬앱 만들기: From #2.7 to #2.16 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co #2.7 Functions argument : function을 실행하는 동안 어떤 정보를 function에게 보낼 수 있는 방법 #2.8 Functions part Two NaN : Not a Number 함수를 부르고, 입력하는 것 까지 배움 //object 안에 function이 있는 경우 const player = { sayHello: function(otherName){ console.log("Hello " + otherName); } } player.sayHello("nico"); play..

1. Material Theme - 테마 정하기 2. Marterial Icon Theme - 아이콘 테마, 아이콘이 조금 더 생동감 있게 바뀜 3. Preitter - Code formatter - 코드 포멧팅 - ctrl + 눌러서 setting 창으로 이동 4. Bracket Pari Colorizer - 괄호마다 코드에 색깔을 다르게 줌 5. Indent-rainbow - 들여쓰기 된 부분을 레인보우컬로로 하이라이트 표시 - 코드 읽을 때 도와줌 6. Auto Rename Tag - 앞에 태그를 바꾸면 뒤에 태그를 자동으로 바꿔줌 7. CSS Peek - html에서 css를 금방 찾게해줌 - html에서 커맨드나 컨트롤키를 누른 상태로 클릭하면 정의된 css파일로 이동하게 해줌. 8. HTML ..