간단복습
- 밑줄치기 head style 만들고 border-bottom
(border라고만 하면 전체 태그)
<html>
<head>
<style>
<h1>{
border-bottom:10px solid green;
}
</style>
<head>-
bootstrap 사용법
getting started- css 하위 예제 copy- head 탭에 붙여넣기
javascript bundle 도 카피후 head탭에 붙여넣기-내용을 가운데로 모으고 싶을때
부트스트랩-레이아웃-컨테이너
body class="container" -
버튼 디자인 변경하기
compononts-buttons 예제 살펴보기
class="btn btn-danger"글리치 쉐어기능을 사용해
내 포트폴리오 사이트를 공유할수 있다.
setting-embed-우측하단 copy debed code
어려운점
벨로그에서 코드보다는 기본적인 텍스트 위주로 작업했더니
이따금식 코드 예제를 보여줄떄 계속 코드처리가 돼서 힘들다
텍스트로 보여주자니 tab까지 모두 해제된다.
내가 짠 코드를 실행하지않고 그대로 보여줄 순 없을까?
해결점
다음 웹사이트를 참고했다.
https://velog.io/@ybkim3603/Velog%EB%B2%A8%EB%A1%9C%EA%B7%B8-%EC%82%AC%EC%9A%A9%EB%B2%95-%ED%8A%9C%ED%86%A0%EB%A6%AC%EC%96%BC
코드 앞뒤로 3개의 백틱으로 감싸주면 된다
간단한건데 여태 활용하지를 않아서 이제야 제대로 알았다.
다만 백틱을 넣을때 앞뒤로 줄바꿈을 해야 제대로 적용이 됐다는 점!
느낀점 - 이쁜 코딩도 가능하다는걸 보여주고 싶다
오픈소스도 나중에 만들어보고싶다.
나처럼 코딩에는 서툴지만, 쉽고, 이쁘게 해야 적성이 풀리는 사람들을 위해서 내가 디자인한 웹코드를 오픈소스로 공유해보고 싶다.
물론, 수익이 발생하는건아니지만 만들고 고민하는 과정에서 실력이 크게 발전할테니까 그게남는거 아닐까?
그리고 2주간의 교육을 마치고 이고잉 강사님이 한 말씀
-웹에서 html은 네이티브 상태로 만들기,
-css랑 java정도도 오늘했던거 정도로 복습하기
-파이썬 숫자데이터, 문자데이터, 변수, 입력input 정도 익혀서 이것저것 만들어보기
-만들때마다 공유 플랫폼에 공유하기
그리고 내가 한가지더 추가하는건 코딩 타이핑 연습을 하려한다.
수업때 별것도 아닌건데 타이핑이 느리고 익숙치 않다보니 자꾸 버벅일때가 있다.
이번주말은 복습+타이핑 연습까지 해야
다음주 인공지능 수업까지 무탈하게 가능할거같다.
.JPG)