본문 바로가기

전체 글93

2021_2022_winter_모각코] 시형없는 시형팀 팀 - 3차시 결과 elice academy : Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 css 10 ~ 11강 수강 최근 학부연구생을 시작하여 딥러닝 공부를 하다보니 웹 공부를 거의 안하게 됬었다. 모각코를 통해 이번주 처음으로 웹공부에 다시 손을 뻗게 되었는데 강제로(?) 하게 되어 차라리 잘됬다고 생각이 든다. 이번주내로 css 를 끝내고 자바스크립트로 넘어가려 했지만 결국엔 css 를 끝내지 못해 다음주까지 자바 스크립트를 끝내보도록 노력해야겠다. 자세히 공부한 내용은 본 블로그의 css_study_d3 에 정리해 두었다. https://strangecat.tistory.com/32?category=993279 2022. 1. 14.
css_study_d3_정리 하위 요소에 스타일을 적용하는 하위 선택자와 자식 선택자 (1) | 특정 요소를 기준으로 그 안에 포함된 요소를 하위 요소라고 합니다. 그리고 현재 요소를 기준으로 바로 한 단계 아래 요소는 자식 요소라고 하며, 그 자식 요소의 한 단계 아래는 손자 요소라고 합니다. 하위 선택자 상위요소 하위요소 Copy 하위 선택자를 사용하면 부모 요소에 포함된 하위 요소를 모두 선택하며 자손 선택자라고도 합니다. 하위 요소에 스타일을 적용하는 하위 선택자와 자식 선택자 (2) | 자식 선택자 부모요소 > 자식요소 Copy 자식 선택자는 하위 선택자와 다르게 자식 요소에만 스타일을 적용하는 선택자로, 두 요소 사이에 > 기호를 표시해 부모 요소와 자식 요소를 구분합니다. 형제 요소에 스타일을 적용하는 인접 형제 선택자.. 2022. 1. 14.
2021_2022_winter_모각코] 시형없는 시형팀 팀 - 3차시 계획 목표: elice academy 를 이용한 css 학습 과 자바스크립트 학습 elice academy : https://voucher.elice.io/courses/7739/lectures/all Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 | 엘리스 한 권으로 끝내는 웹 기본 교과서 voucher.elice.io 2022. 1. 14.
2021_2022_winter_모각코] 시형없는 시형팀 팀 - 2차시 결과 elice academy : Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 8강 ~ 9강 까지 학습 모각코 모임시간만이 아닌 시간에도 혼자 틈틈히 공부를 했었다. 일단 html의 기본은 땠다고 생각 되었고, 다음으로 css 를 학습하는데 확실히 html 보다 기억이 잘 안난다. 학습하며 만들어진 웹페이지를 확인하고 비교하며 이해를 통해 다음 step 으로 넘어가는데 점점 손이 익는 느낌이 들었다. 또한 배운것을 토대로 toy preject 비스무리 한것을 동시에 진행하고 있는데 혼자 만들어가며 코드를 작성해 보니 이해가 빨랐고, 재미도 있어 공부가 아닌 노는 느낌(?) 이 들었다. 이번주 내로 css 기본을 끝내고 javascript 로 넘어가야 겠다. 자세히 공부한 내용은 본 블로그의.. 2022. 1. 7.
css_study_d2_정리 블록 레벨 요소 사용하기 | 블록 레벨 요소란 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 것을 가리킵니다. 해당 요소의 너비가 100%라는 뜻으로 블록 레벨 요소의 왼쪽이나 오른쪽에 다른 요소가 올 수 없습니다. 블록 레벨 요소를 만드는 대표적인 태그로 , , 등이 있습니다. 인라인 레벨 요소 | 인라인 레벨 요소는 한 줄을 차지하지 않습니다. 콘텐츠만큼만 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있습니다. 인라인 레벨 요소를 만드는 태그로 , , 등이 있습니다. 박스 모델의 기본 구성 | 박스 모델은 콘텐츠 영역, 박스와 콘텐츠 영역 사이의 여백인 패딩(padding), 박스의 테두리(border), 그리고 여러 박스 모델 사이의 여백인 마진(margin) 등의 요소로 구성됩니.. 2022. 1. 7.
2021_2022_winter_모각코] 시형없는 시형팀 팀 - 2차시 계획 목표 : elice academy 를 이용한 css 학습 elice academy : https://academy.elice.io/courses/7739/lectures/all Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 | 엘리스 한 권으로 끝내는 웹 기본 교과서 academy.elice.io 2022. 1. 7.
css_study_d1_정리 인라인 스타일 사용하기 | 인라인 스타일 간단한 스타일 정보를 적용하는 경우에 사용합니다. 스타일을 적용할 대상에 직접 표시하는 방법을 인라인 스타일이라고 합니다. 스타일을 적용하고 싶은 부분이 있다면 해당 태그에 style 속성을 사용해 style="속성: 속성값;" 형태로 스타일을 바꿀 수 있습니다. 내부 스타일 시트 사용하기 | 내부 스타일 시트 웹 문서 안에서 사용할 스타일을 같은 문서 안에 정리한 것을 내부 스타일 시트라고 합니다. 스타일 정보는 태그 안에서 정의하고 과 태그 사이에 작성합니다. 외부 스타일 시트 사용하기(CSS 파일) | 외부 스타일 시트 Copy 여러 웹 문서에서 사용할 스타일을 별도 파일로 따로 저장해 놓은 스타일 정보를 외부 스타일 시트라 하고 ***.css**라는 파일 .. 2022. 1. 4.
혼자 끄적여 본 html 오늘 alice academy 를 통해 html 기본적인 것들을 복습해 보았다. 70~80 % 정도는 기억나는 것이었지만, 막상 코드를 치려하니 손이 움직이지 않더라. 그래서 학습하며 vscode 를 통해 혼자 끄적여 보았다. 기본적인 것들을 사용하여 진짜 진짜 간단한 웹페이지라고 하기엔 부끄러운 무언가를 만들었다. 갑자기 이상한 나라의 앨리스가 생각나서 그냥 내키는 대로 주제를 이상한 나라의 앨리스로 잡았는데 지금 생각해보면 참 의식의 흐름대로 행동한것이 보인다. form 을 통해 설문지 비스무리 한것을 형성 하였고, 내부 사정으로 개인정보와 장소 시간을 정하도록 만들어 보았다. 처음엔 form 안에 form 을 넣어서 sumit 과 reset 버튼이 작동을 하지 않았는데 꽤나 지난후에야 form 안에.. 2022. 1. 3.
html_study_d2_정리 폼 삽입하기 | 폼을 만드는 태그 여러 폼 요소 Copy 종류설명 method 사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘겨줄 것인지 지정합니다. method에서 사용할 수 있는 속성값은 get과 post입니다. name 자바스크립트로 폼을 제어할 때 사용할 폼의 이름을 지정합니다. action 태그 안의 내용을 처리해 줄 서버 프로그램을 지정합니다. target action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 합니다. autocomplete 폼에서 내용을 입력할 때 예전에 입력한 내용을 자동으로 표시해 주는 자동 완성 기능을 지정합니다. 기본 속성값은 “on”입니다. 폼 요소를 그룹으로 묶는 , 태그 그룹 이름 Copy 하나의 폼 안에서 여러 구역을 나누어 .. 2022. 1. 3.
2022_01_01 : 3학년 시작의 해 2021년을 돌이켜보며 작성하는 회고록이다. 작년은 한마디로 표현 하자면 "바람앞에 등불" 이라고 생각한다. 1학기때의 등불은 작년 여름처럼 강하고 뜨거웠다면, 2학기의 등불을 현재 코로나가 심해진 우리나라 처럼 씁쓸하며 약하고, 안타깝기 그지 없었다. 여러 바람이 등불을 흔들었지만 특히나 2학기의 바람은 매우 강했고, 그저 버티기에만 집중했던것 같다. 자신의 힘듦을 끝내 학기가 끝날때 까지 이겨내지 못한것에 대해 많이 안타깝다고 생각한다. 다만 겨울이 왔다는것은 봄 역시도 온다는 생각으로 올 한해는 봄이 올것이라 나 스스로 되뇌어 본다. 3학년이 시작되었다는것은 의미가 크다. 1학년 2학년을 통해 자신의 기본기를 다지고 크고 작은 풍파를 이겨내며 쌓은경험을 토대로 공대의 꽃 3학년에서 자신의 역량을 펼.. 2022. 1. 1.
2021_2022_winter_모각코] 시형없는 시형팀 팀 - 1차시 결과 elice academy : Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 1강 ~ 4강 까지 학습 학기중 웹프로그래밍을 이수하지 않았고, 남는시간에 혼자 공부 하던 기억을 떠올리며 복습하는 느낌으로 학습 하였다. 기본적인것을 다시 복습하니 기억나는것도 있었고, 기억나지 않은 것도 있었기에 복습하는 시간을 가지길 잘했다고 생각한다. 자세히 공부한 내용은 본 블로그의 html_study_d1 에 정리해 두었다. https://strangecat.tistory.com/22?category=993279 html_study_d1 HTML이란? HTML은 HyperText Markup Language의 줄임말로 웹 문서를 만드는 언어라고 할 수 있습니다. HTML의 기본 기능은 웹 브라우저에 보.. 2021. 12. 31.
2021_2022_winter_모각코] 시형없는 시형팀 팀 - 1차시 계획 목표 : elice academy 를 이용한 html 학습 elice academy : https://academy.elice.io/courses/7739/lectures/all 2021. 12. 31.

티스토리툴바