분류 전체보기 (32) 썸네일형 리스트형 연극심리상담사 2급 자격증과정 수강일지 - 첫수업 올해를 시작으로 연극심리상담사라는 직업을 갖기위해 긴 모험을 떠나게 되었다.연기를 좋아하고, 다른 사람들을 도울 수 있는일을 하고 싶은 나를 탐구하며 뭐가 있을까고민 끝에 다다른 결론이라 기대가 된다.수강료도 만만치 않고 책값도 많이 드는 만큼 제대로 배워보고 싶다. 한국연극치료협회라는 곳에서 비대면과정으로 수업을 듣게 되었고 오늘 첫 수업을 진행했다.어제 책 배송이 먼저 와서 수업 때 진행 할 부분을 먼저 읽어보았다.발달장애와 연극치료라는 책이고 박미리라는 선생님이 쓴 책이었다.서문을 읽어보는데 사람에 대한 따뜻함을 느낄 수 있어 좋은 느낌이 들었고, 본문내용도 너무 어렵지 않게 술술 읽혔다.직접 현장에서 치료가 필요한 아이들과 대면하여 내가 잘 진행 할 수 있을까 걱정도 되고 한편으로 설레기도 한다... [사기피해공유] 주문서 작성 알바 / 대리 주문 알바 / 공동구매 부업 / 팀미션 사기 최근 부업하는 사람들이 크게 늘어남에 따라 그에 맞춰 부업을 구하는 사람들을 타겟으로 한 사기 수법이 유행인듯 합니다. 먼저 구매대행으로 이상한 쇼핑몰에서 주문서만 입력해주고 물건값 제외 수익금 10~20%를 포인트로 바로 지급해주는 알바는 사기 입니다! (사업자등록 되어있어도 믿지마세요!) ▼ 경찰청 홍보 글 참고https://www.police.go.kr/user/bbs/BD_selectBbs.do?q_bbsCode=1007&q_bbscttSn=20240612111524537 알림/소식 > 소식 > 홍보콘텐츠" data-og-description="" data-og-host="www.police.go.kr" data-og-source-url="https://www.police.go.kr/user/.. 노마드코더 코코아톡 클론코딩 #6 수강일지 (개인확인용도/간단정리) VSC 단축키 1. html 기본코드 생성 : html 파일에서 가장 처음에 !(느낌표) 2. 주석처리(한줄) : Ctrl + / 3. 한줄 코드 위아래 이동 : Alt + ↑↓ 4. css link 코드 생성 : link:css 5. navigation 생성 시 nav>ul>li*4>a 입력 하면 아래와 같이 생성 됨! * 주석 HTML : CSS : /* 주석 */ BEM(Block Element Modifier) : 알아보기 쉽게 코드를 짜기위한 작성 규칙 block(재사용 가능한 기능적으로 독립적인 페이지 컴포넌트) ex) .btn { } elements(엘리먼트는 블럭을 구성하는 단위) ex) .btn__price { } (btn 안에 price) modifiers(블럭.. 노마드코더 코코아톡 클론코딩 #5 수강일지 (개인확인용도/간단정리) Git (Version control system) - Binary format으로 파일을 인식해서 어떤 파일이든(img, excel 등) 변경내역을 추적하는 것이 가능 Github : Git의 변경내역을 추적, 저장해서 볼 수있는 사이트 - repository : 코드를 저장하는 폴더 - commit(complete course mutation) : 코드를 저장하는 시점 - Git hub repository에는 반드시 README.md(markdown)파일이 있어야함(repository 위쪽 소개글) ★ git hub 저장순서! VSC에서 파일저장 → (changed된) 파일 git hub desktop에서 선택 → 아래 commit 타이틀 작성 → commit → Push 티스토리 글 작성 팁! 내가 배운내용들을 블로그에 정리하고 싶어서 티스토리를 사용하게 됐는데처음엔 왜이렇게 기능도 별로 없고 글 쓰기가 불편하게 되어있는거야?!라고 많이 생각 했었어요ㅠ 그래서 이런저런 블로그들 사용해봤지만 티스토리가 무난 한 것 같아서 계속 쓰고 있는데사용하면서 내가 제대로 사용하지 못하고 있었다는 걸 알게되어서이런저런 팁들을 정리해볼까 해요! (개인적으로도 확인 할 겸ㅎㅎ) ★ 목차(리스트 만들 때)내용 // 글 머리 기호 만들고 난 뒤내용 // Enter 누르면 바로 아래 점 생성내용 // Enter 누르고 Tap 누르면 들여쓰기 가능내용 // Shift + Enter는 글머리기호 없이 들여쓰기→ 다음 줄에서 글머리 기호를 없애고 싶다면 Enter를 여.. 노마드코더 코코아톡 클론코딩 #4 수강일지 (개인확인용도/간단정리) Advanced CSS Transition (어떤상태(state)에서 다른상태(state)로 가는 변화를 애니메이션화) ex) "a" tag가 hover(마우스가 올려진) 상태일 때, green으로 변하는데 transition으로 10s간 천천히 변하도록 함 a { transition : background-color 10s ease-in-out; } a:hover { background-color: green; } 조건 1. 어떻게 상태를 변화시킬지 state(ex.hover)쪽에 적어주어야 함 조건 2. transition 코드는 처음 생겨난 태그(root)의 element에 적어주어야 함(그래야 마우스를 뗀상태에서도 동작) ease-in function : 브라우저에게 변화.. 노마드코더 코코아톡 클론코딩 #3 수강일지 (개인확인용도/간단정리) CSS (Cascading Style Sheet) cf) Cascading - 순차적인,연속적인 (브라우저는 위에서 아래로 읽히고 가장 마지막에 있는 코드가 적용됨★순서가 중요) - HTML에 CSS코드를 적용시키는 방법 1. HTML 파일 내 부분에 태그를 이용해 작성하는 방법 (inline CSS) 2. styles.css 파일을 따로 만들고 그 안에 CSS 코드를 작성한 뒤 HTML 파일에서 태그를 이용하여 CSS 파일과 연결 (external CSS) ex) - rel(relationship) : HTML 파일의 stylesheet의 관계라는 것을 명시해줌 ★ css 코드 작성 방법 tag name or # + id or . + class or *(css파일 전체적용) {.. 노마드코더 코코아톡 클론코딩 #2 수강일지 (개인확인용도/간단정리) VSC 파일명은 항상 소문자로 작성 브라우저는 항상 content를 보여줌 단축키 - 태그 앞 뒤 한번에 수정 Ctrl + D(하나씩 선택됨)(전체선택 Ctrl + F2) HTML - 브라우저는 tag를 이해 할 수 있기 때문에 tag 사이에 text를 넣어줌 (tag는 아무말이나 마음대로 만들수 있지만 브라우저가 이해 할 수 있는 tag는 한정돼있음) - attributes(속성) = 태그에 추가하는 정보 (속성값은 "큰따옴표"로 작성)(작은따옴표 X) - html 문서는 항상 코드로 시작 (필수는 아니지만 브라우저에게 text 파일이 아니라 html문서 라고 알려주는 역할) - HTML 문서는 HEAD(웹사이트의 환경 설정), BODY(사용자가 볼 수 있는 내용)로 구성됨 (.. 이전 1 2 3 4 다음
