Yeonee's Story

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 제가 css 초반 공부할 때 정말 수십번도 더 챙겨본 영상이었는데요, 이제 세미 프로젝트가 들어가는 시기라 css를 활용하였던 시기에서 시간이 좀 흐르니깐 정렬부분이 다시금 조금 헷갈려서 다시 영상을 보고 공부하게되었습니다. 화면구성시에 헷갈리는 부분을 찾으며 일일이 영상을 확인해 보기에 시간이 효율적이지 않은 듯 하여 제가 공부하기 쉽게 다시 정리하는 포스팅을 작성하고자 합니다. + (해당 콘텐츠 영상 링크는 하단에 함께 노출하여두었습니다. 영상 선생님이 진짜찐짜 설명 너무 잘해주셔서 저 바로 구독자 되었었는데, 다른 분들도 이 영상보시고 css 기초 공부하시는거 강추해요!) float의 단점을 보완하여 사용하기 ..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) DOCTYPE html> 함수 함수 (funtion) function getById(id){ return document.getElementById(id); } * 선언적 함수 function 함수명(매개변수 , ...){ 해당 함수 호출시 실행할 소스코드; return 결과값; } - 매개변수가 없는 경우 생략 가능함 - 반환할 값이 없는 경우 생략가능함 실행확인 function test1(){ const area1 = getById("area1"); area1.innnerHTML += "test1()함수 실행 "; } * 익명 함수 function(매개변수, 매개변수, ...){ 소스코드 } 특정 변수나 속성에 ..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 문자열과 숫자 문자열과 숫자 * 문자열 관련 메소드 문자열 처리 메소드 function showStringMethod(){ let str1 = "Hello World"; const area1 = document.getElementById("area1"); area1.innerHTML = "str1 : "+str1+" "; area1.innerHTML += `toUpperCase() : ${str1.toUpperCase()} `; area1.innerHTML += `toLowerCase() : ${str1.toLowerCase()} `; area1.innerHTML += `문자열의 길이 : ${str1.length} `; for(l..

DOCTYPE html> 데이터입출력 자바스크립트에서의 데이터 입/출력 1. 데이터를 출력하는 기본 구문 1) window.alert("알림창에 출력할 문구"); 2) window.console.log("콘솔창에 출력할 문구"); 3) document.write("화면에 출력할 문구"); 4) 선택한요소.innerHTML/innerText = "해당 요소에 출력할 문구"; 3) document.write("화면에 출력할 문구"); 화면에 출력 function documentWrite(){ //document.write("출력 잘 되고 있 습니까?"); //document.write("흠... 잘출력되나?? 귀여워"); // 화면에 출력할 문자열에 html태그가 있을경우 진짜 html태그로 해석되서 보여짐..

안녕하세요. #yeoneeblog 여니입니다 :) 오늘은 자바스크립트에서의 데이터 입/출력에 대해 알아보겠습니다. 1. 데이터를 출력하는 기본 구문 1) window.alert("알림창에 출력할 문구"); 2) window.console.log("콘솔창에 출력할 문구"); 3) document.write("화면에 출력할 문구"); 4) 선택한요소.innerHTML/innerText = "해당 요소에 출력할 문구"; *3) document.write("화면에 출력할 문구"); 화면에 출력 *4) 선택한 요소.innerHTML/innerText = "해당 요소에 출력할 문구"; 자바스크립트에서 어떤 요소(HTML element)안의 값(content값)을 가지고 온다거나 변경하고자 할때 innerHTML, ..