항해99 웹개발 종합반5 [항해99] 2주차 JQuery JQuery 란!? 미리 작성된 javascript를 이용하는 것 ! but, JQuery 이용 할 때는 꼭 먼저 import 해줘야해 Javascript로 길고 복잡하게 써야 하는 것을 document.getElementById("element").style.display = "none"; jQuery로 보다 직관적으로 쓸 수 있지요! $('#element').hide(); JQuery 다뤄보기~ JQuery 값을 가져올 때 ! $( '#아이디값입력' ).val(); ex) $('#article-url').val(); 아이디 값의 css 값을 알고 싶을 때 ! consoloe 창에서 확인해볼 수 있어 ( if문 사용 할 때, 도움이 됩니당!) $( '#아이디값입력' ).css('width'); $( '.. 2021. 12. 21. [항해99]2주차 Javascript [2-1~2-2] javascript 복습 예시 소스 (나홀로메모장) * alert (알럿창) 이용방법 * 1. script 안에다가 변수 지정 후, alert 으로 원하는 문구 입력해주세요! 2. boby 부분에서 button 부분에서 "onelick" +"변수" 사용해주세요! ex ) 주문하기 * 짝/홀수 onlick 함수 * 1. 한번 클릭하면 홀수 , 두번 클릭하면 짝수를 나타내기 위해서는 카운트가 되어야해! ex) 2021. 12. 21. [항해99] 1주차 코딩일지_ep03 [자주 쓰는 css 기억하기] h1, h5 background-image : 사용하고 싶은 이미지 넣는 곳 background-size : background-position : 왼쪾정렬, 가운데, 오른쪽 등 원하는 위치 선정 color width height border-radius : 모서리 둥근정도 표현하는 방법 margin : 내 바깥쪽 기준으로 px 선정 padding : 내 안쪽 기준으로 px 선정 진행하면서 오잉? 왜 이렇게 나오지 ? 라고 생각한 부분 기록! background-image만 사용했을 때, 원하는 이미지가 나오는게 아니라 블랙으로 나옴 background-image & background-size & background-position를 같이 사용해줘야하는 이유를 알게됨 ba.. 2021. 12. 19. [항해99] 1주차 코딩일지_ep02 과제 전 꿀팁! HTML 줄정렬 방법 : ctrl + a > ctrl + alt + "l" 소스를 보기 좋게 하기 위한 소소한 꿀팁쓰~! 오늘의 과제 : 로그인페이지 만들기 쌤이 만든 페이지 내가 만든 페이지 오 화면은 똑같이 나왔지롱 쌤이 만든 코드 내가 만든 코드 태그 사용이 살짝 다름 사실 처음에 코드 작업 할 때 태그를 사용 안해서 문단이 안 나눠져서 나왔는데 태그를 문단 나누기용으로 넣어줬음 지금에서야 보이는거지만 태그안에 태그 사용이 아직 익숙하지가 않아서 분리해서 사용하는 중 ㅜㅜ 확실이 쌤이 코드 정리하신게 간단하고 이쁘게 보임 ! 태그안에 태그 사용이 어여 익숙해졌으면 ㅋㅋㅋㅋㅋ 2021. 12. 19. [항해99] 1주차 코딩일지_ep01 *저만의 스타일로 이해하기 위해서 코딩일지를 쓰는거라 사용 단어들은 다를 수 있습니다* *이렇게 쉬운걸 기록한다고? 하실 수 있는데 ㅠㅠ 개린이는 이렇게라도 노력을 해야해욤* *저는 직접 기록해야 잘 기억하는 편이라 쓸데없는 내용도 기록하는 st" ex ) 쌤이 예시로 말씀해주시는거 다 적고 그 예시가 몇페이지 상단에 있는지 생각해서 셤문제 푸는 st 항해99 시작한지 5일차! 2주차 코딩수업 들으면서 다시 1주차 복습! 개념을 좀 잘 잡고가야 나중에 덜 고생할 꺼 같아서 기록 남기기 ! 1-2. HTML, CSS 기본내용 개념정리 : HTML - 뼈대 / CSS - 꾸미기 HTML 특징? - 문서형식으로 되어있어 ! - HTML에서 꺽새들을 "태그"라고 표현함 ex ) - 태그란? 여러개를 묶어주는 기.. 2021. 12. 18. 이전 1 다음 반응형
