본문 바로가기
728x90

전체 글544

Javascript의 기본 개념 Javascript의 기본 강의 출처 : 노마드 코더의 강의 URL : https://nomadcoders.co/javascript-for-beginners/lectures/2890 Javascript에 대해 인터넷 브라우저는 HTML, CSS와 Javascript로만 만들어져있다. 브라우저가 있다면 JS가 있다는 의미다. 그런 점에서 JS은 믿을 수 없을 만큼 큰 영향력을 가진다. 즉, 프론트엔드에서 내가 선택할 수 있는 언어는 JS가 유일하다. Javacript와 CSS를 HTML가 연결시켜준다. Javascript는 무언가를 움직이게 만들고, CSS는 겉모습을 바꿀 수 있게 해준다. 그리고 이 모든 것들을 이어주는 연결체이자 유저에게 보이는 것이 HTML이다. 2022. 3. 20.
Chrome_font color 구글 크롬 개발자 도구에서 폰트 컬러가 다른 이유는 무엇일까? 자 정상적으로 30이 나왔다. 첫 번째 30과 두 번째 30의 컬러가 다르다. 혹시 데이터 타입이 달라서 그런걸까? //Conditionalls const age = prompt("type your age", "age?"); console.log(typeof age, typeof parseInt(age)); 인사이트 그렇다. 크롬 개발자 도구에서 흰색 글씨는 string이고 보라색 글씨는 숫자를 의미한다는 점을 알 수 있다. 2022. 3. 20.
JS_calculator code 클린 코드 const calculator = { add : function(a, b){ console.log(a + b); }, minus : function(a, b){ console.log(a - b); }, multiple : function(a, b){ console.log(a * b); }, divide : function(a, b){ console.log(a / b); }, power : function(a, b){ console.log(a ** b); }, }; 위 코드를 좀 더 간결하게 정리할 수는 없을까? 선배님들께 피드백을 요청하여 아래와 같이 수정을 했다. //version 2 const calculator = { add(a, b) { console.log(a + b)}, minus(.. 2022. 3. 19.
JS_Object 정의 문법 오류 Function을 객체Object에 넣기 const player = { name = "John", sayHello = function (otherName) { console.log("Hi", otherName + ", Good to see you again"), }, }; console.log(player.name); player.sayHello("Suji"); function을 객체에 넣으면 위와 같다. sayHello라는 키에 function을 대입한다. 직관적으로 이해할 수 있다. player 객체에 sayHellow 메소드를 사용하면 해당 function이 실행된다. 한번 확인해보자. 문제 발생 그런데 ‘}’ 때문에 문법 오류가 발생했다. 어디가 문제가 생긴 것일까? const player = {.. 2022. 3. 19.
윈도우에서 여러 폴더를 원하는 이름으로 동시에 만드는 방법 안녕하세요. 윈도우에서 우리가 원하는 형식으로 복수의 폴더들을 한번에 만드는 방법을 알아보겠습니다. 패션 브랜드의 MD 업무를 하다보면 상품 이미지들을 저장할 수십 개의 폴더를 특정한 형식의 이름으로 생성해야 하는 경우가 종종 있습니다. 오늘은 윈도우의 Powershell을 활용하여 자동화하는 방법을 알아보겠습니다. 1.만들고자 하는 폴더명 리스트 만들기 제품 사진이 11개 있습니다. 위 제품은 발렌시아가 2022 여름 새시즌 제품 이미지들을 예시로 가져왔습니다. 우리의 보스가 각 제품 사진별로 폴더를 만들라고 했다고 가정해보겠습니다. 대부분은 오른쪽 마우스 버튼을 클릭해 새 폴더를 생성하여 폴더 안에 이미지를 드래그해서 이동시킬 것입니다. 하지만 이것이 100개, 200개라고 가정해봅시다. 이것을 언.. 2022. 3. 2.
728x90