본문 바로가기

tech/JS7

JS에서 return 1. Function을 단순히 콘솔에 print하려고 쓰진 않는다, 우리는 function에게 어떤 작업을 처리하게끔 하는데, 때로는 조용히 일처리하길 바라지만 때로는 그 결과를 알려주는 function을 원한다, 그래서 return을 쓴다  2. Return의 가치는 console.log를 쓰지 않아도 화면에서 결과값을 보여주는 데 있다  3. Function 안에서 return을 쓰면 코드를 더 intertwined하게 쓸 수 있다, codependent하게 쓸 수 있다, function 안에 단순히 console.log를 쓰면 그렇게 못한다  4. 콘솔로그는 콘솔에 결과를 보여주기 위함이다, 브라우저에서 alert를 보여주듯이, 그래서 return을 안 쓰고 console.log를 펑션 안에 쓰면,.. 2024. 10. 17.
JS에서 functions 등 1. function 에는 소괄호가 필요하다, 그리고 실행하면 중괄호 내의 것들이 실행된다 function sayHello() {   a;lsdkfj;alsdkjf}; 2. Argument(인수)는 function을 실행하는 동안 어떤 정보를 function에게 보내는 거다  3. Function에서 () 안에 넣는 게 데이터를 넣는 거고 {}안에 넣는 게 발송하는 것이다 Function sayHello(nameOfPerson, age) {   Console.log("Hello my name is " + nameOfPerson + " and I'm " age);}SayHello("nico", 10);SayHello("dal", 20);SayHello("Lynn", 15); 4. 펑션 괄호 안의 순서는 매.. 2024. 10. 17.
브라우저에서 콘솔 여는 법, 그리고 JS 기초(string, const/let, Boolean, etc.) 1. F12를 누르거나 마우스 우클릭 -> 검사 를 누르면 된다  2. 콘솔 열리면 우상단 세로점세개 표시 클릭하고 Dock Side를 조정 가능하다  3. 콘솔 텍스트 크기 키우려면 Ctrl/Cmd 누르고 + 버튼을 누르면 된다 (마우스 휠로는 안될 수 있음)  줄이려면 Ctrl/Cmd 누르고 - 버튼을 누르면 된다     4. 정수는 integer, 소숫점 있으면 float, 자바스크립트는 숫자 그대로를 type으로 인식한다, 이해한다  5. 자바스크립트는 텍스트는 그대로 인지 못한다, 따옴표 안에 넣어주면 이해한다, 그리고 이걸 text라고 부르지 않고 string이라고 부른다 6. Console.log(12345);라고 js코드를 치면, 괄호 안의 내용을 콘솔로 log 또는 print(출력)한다 .. 2024. 10. 12.
JavaScript intro 1. JS는 설치할 필요 없다, 모든 브라우저에 내장되어 있다, 브라우저가 이해하는 세 가지가 html, CSS, 그리고 자바스크립트 2. FE에서는 자바스크립트를 반드시 배워야 한다, BE에서는 루비, 파이썬, 고, 자바 등 고를 수 있지만, FE는 그렇지 않다 3. JS를 더 깊게 배우고 싶다면 프레임워크로 넘어가면 된다, 프레임워크는 헬퍼다, 가령 리엑트네이티브는 자바스크립트로 안드로이드와 iOS 앱을 만들게 해준다, 즉 자바스크립트를 배우면 안드로이드랑 iOS앱을 만드는 방법도 이해하게 되는 거다   4. 일렉트론은 데스크탑앱을 만들게 해준다, 가령 VSCode도 html, css, is로 만들어졌다, 페북메신저, 슬랙, 피그마도 이렇게 만들어졌다 5. FE를 JS로 만들고 BE도 만들 수 있기도.. 2024. 10. 12.
HTML, CSS 기타 1. Css 에서 "box-sizing: border-box"라고 쓴 거는 padding을 디폴트로 상자 밖의 영역으로 인식하는 css한테 "내가 padding을 줘도 신경쓰지 마, 내 box 사이즈를 늘리지 말아줘"라고 한 거다 2. 닷(.)은 class를 지칭한다  3. 스크린샷을 보면서 반복되는 모양들을 component로 만들고 따로 빼면 작업하기 아주 쉬워진다  4. Html에서 주석은 로 처리한다  5. id 쓰기보다 class명이 길어져도 그렇게 BEM 테크닉 쓰길 권고한다 6. 클래스명을 "user-component__title--not-bold" 이렇게 길게 써도 된다  7. 1 이라고 쓰면 클래스가 2개 있는 것이다  8. 같은 코드가 반복된다면 var로 만들어주는 게 좋다, 똑같은 코.. 2024. 10. 8.
BEM, 아이콘, css import 1. Block Element Modifier 규칙으로 코드를 짜자, 코드를 읽기가 정말 쉬워진다, 클래스가 커다래질 수 있다는 단점이 있지만 단점이 아니다, 클래스 이름을 체계적으로 지을 수 있게 된다 (BEM으로 짜는 게 나은지 id와 class를 섞어쓰는 게 나은지 스스로 판단해 봐    2. Heroicons.dev 에서 카피하고 태그 안에 넣어주면 된다, css로 모양 바꿔줄 수 있다, 무료라서 많지는 않다  3. Fontawesome.com은 유무료 다 있고 매우 좋다, code kit를 받은 다음에 프로 클릭해서 유료 결제 가능하다    스크립트 태그는 항상 바디 태그를 닫기 전 가장 마지막에 와야 한다  4. "wow I am really enjoying myself. I love thi.. 2024. 10. 2.

티스토리툴바