본문 바로가기

전체 글

[TIL-21] 노마드코더 코코아톡 클론코딩 #3.0~#3.7 보호되어 있는 글입니다. 더보기
[TIL-20] 노마드코더 코코아톡 클론코딩 #2.5~#2.11 보호되어 있는 글입니다. 더보기
[TIL-19] 노마드코더 코코아톡 클론코딩 #1.7~#2.4 보호되어 있는 글입니다. 더보기
[TIL-18] 인프런 - 비전공자 개발자 취업 가이드 보호되어 있는 글입니다. 더보기
[TIL-17] 연구소 홈페이지 만들기 * 메뉴바 만들기 그리드로 병렬 균일하게 4등분 : 1fr 1fr 1fr 1fr 가운데 정렬 : "text-align: center;" 배경색 설정 paddle= 5px 링크 걸린 텍스트 밑줄 없애기 https://coding-restaurant.tistory.com/229 https://aboooks.tistory.com/120 text-decoration : none; [심화] a 태그에 마우스 올렸을 때, "a:hover" !important : 스타일 속성 우선순위 무시하고 강제 적용 더보기
[TIL-16] 노마드코더 코코아톡 클론코딩 #1.1~#1.6 / 연구소 홈페이지 만들기 준비하기 브라우저 : 구글 크롬 다운. 브레이브도 광고 없어서 좋음. Visual Studio Code 다운. github desktop 다운. 웹사이트 = text 개발자는 코드(텍스트)를 쓰고, 브라우저가 이해해서 웹사이트를 만듦. 2~3 종류의 언어로 이뤄져있음. HTML/CSS/Javascript HTML 브라우저는 사람 언어 이해 못 함. contents가 뭔지 알려줘야 함. html로 브라우저에 content 구조 설명 * 폰트 적용하기 https://velog.io/@kim-jaemin420/Web-font%EC%9B%B9-%ED%8F%B0%ED%8A%B8%EC%97%90-%EB%8C%80%ED%95%B4%EC%84%9C http://webberstudy.com/html-css/css-1/f.. 더보기
[TIL-15] 생활코딩 WEB2 JavaScript-34~37(완강) 34. 파일로 쪼개서 정리정돈하기 많은 웹페이지 감당하기 위해 연관된 코드들을 파일로 묶어서 그룹핑. 같은 코드를 각 페이지의 html 파일마다 적을 필요 없음. js 파일을 한번 수정하면 연결된 모든 웹페이지가 수정됨. 코드가 명확해지고 의미 파악 뚜렷해짐. 파일 쪼개기 새로운 파일 "파일명.js" 만들고, 웹브라우저가 js 파일을 다운로드해서 해당 페이지의 html 파일에 그 코드가 있는 것처럼 작동. 35. 라이브러리와 프레임워크 다른 사람의 도움을 받아 소프트웨어 만들기 라이브러리 : 내가 만들 프로그램의 부품이 되는 소프트웨어를 재사용하기 쉽도록 정리된 것. jQuery : 가장 유명하고 안정적. 검색해서 파일 다운로드 혹은 CDN 예) 구글에서 제공하는 CDN 선택해서 앞에 코드 복붙하면 jQ.. 더보기
[TIL-14] 생활코딩 WEB2 JavaScript-31~33 31. 객체와 반복문 객체의 데이터 모조리 가져와야 하는 경우 : "javascript object iterate(순회)" 검색 for in key 값 : 객체 안 정보의 이름. 원하는 정보에 도달할 수 있는 열쇠. 배열에서는 순서대로 정리되어있어서 index. for(var key in coworkers) { 코드 } coworkers라는 객체의 데이터의 수만큼 중괄호 속 코드가 실행됨. 그때마다 coworkers의 key 값들을 하나하나 변수값으로 사용. 32. 객체프로퍼티와 메소드 객체에는 문자뿐 아니라 숫자, 배열, 함수 등의 데이터 모두 담을 수 있음. coworkers.showAll = function(){ for(var key in this){ document.write(key+' : '+t.. 더보기