profile
光而不耀 :) 퍼블리싱-ing
post-thumbnail

[JavaScript] - 객체/배열

🎈 객체 지향 언어인 javascript에서의 '객체'인 objectproperty는 그런 object의 속성을 뜻하며, 이름(name/key)과 값(value)의 연결로 이루어진다. 둘의 관계는 object는 property의 모음이라고 생각하면 쉽다.✔ 각 pro

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

[JavaScript] - 화살표함수

🎈함수선언문 : 어디서든 호출가능🎈함수표현식 : 코드에 도달하면 생성🎈화살표 함수(arrow function)ex)함수표현식👇🏻 결과값ex)함수선언문1showError();function showError(){ console.log('error');}👇🏻

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

[JavaScript] - 함수

✍🏻 기본문법

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

[JavaScript] - switch

✔ 모든 switch문은 if&else문으로 바꿀수있음✔ case가 다양할 경우 보다 간결하게 작성가능✍🏻 기본코드👇🏻if&else문으로 바꿔보면ex) 사고싶은 과일 물어보고, 가격알려주기✔ 이렇게만 작성하면, 선택한 과일 아래의값이 다 나오기때문에,break를

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

[JavaScript] - loop/for/while

🎈 반복문 loopex) 1부터 10까지 로그를 찍어주세요✔ 그런데, 만약 1부터 100까지 혹은 10000까지 로그를 찍어달라고한다면?: 이럴때 반복문 loop사용(동일한 작업을 여러번 반복)i = 0i가 10보다 작으므로👉🏻코드실행i값 1증가i = 1i가 10

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

[JavaScript] - 논리연산자

🎈 논리연산자:여러개 중 하나라도 true면 true즉, 모든값이 false일때만 false를 반환:모든값이 true면 true즉, 하나라도 false면 false를 반환(단, age가 10이거나 이름이 'Mike'가 아니라면)👇🏻true면 falsefalse면

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

[JavaScript] - 변수

🎈 JavaScript자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

[Mercedes-benz]

💻 HYBE coding사이트명 : Mercedes-benz사용언어 : html / css / js 분류 : 적응형 PC 🎈 Mercedes-benz HOMEPAGEhttps://www.mbusa.com/en/homedata-속성 태그컨트롤gsap 콜백함수

2022년 11월 15일
·
0개의 댓글
·
post-thumbnail

[HYBE]

💻 HYBE clone coding사이트명 : HYBE사용언어 : html / scss / js 분류 : 적응형 PC / 반응형🎈 HYBE HOMEPAGEhttps://hybecorp.com/kor/company/artistloading-pagetext-a

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

[대광건영]

💻 대광건영 clone coding사이트명 : 대광건영사용언어 : html / scss / js분류 : 적응형 PCswiper-pagination - fractionswiper-navigation - gaugeslide영역 width값 잡기🎈 기본원리control해

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

[JSON]

🎈 JSONJavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식(단순히 데이터를 표시하는 표현 방법)이다.태그로 표현하기 보다는 중괄호({}) 같은 형식으로 하고, 값을 ','로 나

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

[오늘의집]

💻 오늘의집 clone coding사이트명 : 오늘의집(mobile)사용언어 : html / css / js분류 : 적응형 PCheader scrolltab-menumenu-click-event반응형 슬라이더 Swiper가로/세로 스크롤컨트롤JSON스크롤에 반응하는

2022년 11월 1일
·
0개의 댓글
·
post-thumbnail

[NAVER]

💻 Naver clone coding사이트명 : 네이버사용언어 : HTML / CSS분류 : 적응형 PC시맨틱 마크업의미있는 클래스명 짓기웹 접근성을 고려한 blind 기법float 해제 방법IR, IS 기법: 태그 자체에 의미를 부여하여 마크업을 구성하는 것.✍ 시

2022년 11월 1일
·
0개의 댓글
·