옥수수와 식빵 그리고 코딩

이제 한문제 풀었으니 수월할 줄 알았으나! 크나큰 오산. 다시 열심히 검색을 돌렸따. 문제 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { input = line.split(' '); }).on('close', function () { console.log(Number(input[0]) + Number(input[1])); }); 여기서 우선 1. readline 모듈 공백문자 기준 분리 input = line.split(' '); 이게 궁금해서 ..

프로그래머스 lv.0 1번문제. const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { input = [line]; }).on('close',function(){ str = input[0]; }); const부터 생소했다. 이에 관한건 다른 페이지에 정리해둠. [1] readline은 javascript에 내장된 모듈로 한 줄씩 입출력을 처리할 수 있게 도와주는 모듈. [2] 모듈을 불러오기 위해서는 require("모듈이름")의 형태로 불러오고 변수로 ..

var, let, const 모두 변수선언. 단 차이점 존재 https://www.freecodecamp.org/korean/news/var-let-constyi-caijeomeun/ Var, Let, Const의 차이점은? ES2015(ES6)에서 반짝이는 새로운 기능들이 많이 등장했습니다. 2020년이 된 지금, 많은 JavaScript 개발자들이 그 기능들을 사용하기 시작했을 것이며 또 익숙해졌을텐데요. 여전히 그 중 몇몇은 일부 www.freecodecamp.org 문법을 좀 더 공부하고 읽어야 할듯. 이해안되는거 consol 뭐시기. 이부분 이해하.. HTML & CSS & DOM 정리 https://velog.io/@jummi10/HTML-CSS-DOM HTML & CSS & DOM W3C W..

UI : user Interface API : Application Programming Interface 이런 버튼 처럼 사용자가 시스템을 제어하기 위해서 사용하는 조작장치를 UI라고 부름 반면 이런 코드는? 우리가 만들기도 했지만 우리가 전부 만든건 또 아님. 우리가 일부 만든건 맞지만 웹 브라우저를 만든 사람들이 경고창 기능을 미리 만들어 두었다가 우리가 alert함수를 실행시키면 경고창을 호출해 주겠다고 약속해 준것. 함수 alert은 경고창을 실행하는 조작장치인 것. 이 조작장치는 일반인이 사용하지는 않음. 버튼을 클릭하면 경고창이 뜨는 애플리케이션이 웹브라우저가 가지고 있는 경고창 기능을 alert이라고 하는 javaScript의 문법에 따라서 문법의 코드를 이용해서 사용하고 있는 것. 이렇게..

오늘날 우리는 혼자서 프로그램을 만들지 않음. 다른사람이 만든 것 위에 내가 만드는 것을 조립함. 그게 오늘날 소프트웨어의 기본 library VS framework 유사 : 다른사람의 도움을 받아 소프트웨어를 만듦, 다른사람과 협력하는 모델 라이브러리 : 도서관, 정리정돈, 필요한 부품이 되는 소프트웨어를 잘 정리정된 해 놓은 재사용하기 쉽게 정리해 놓은 소프트웨어. 내가 만들고 있는 프로그램에 사용할 부품을 가져오는 느낌 프레임워크 : 만들고하자는 것이 무엇이냐에 따라서, 언제가 공통적으로 필요한 것이 있고 달라지는 부분이 있는데 공통적인 부분은 프레임 워크가 만들어 놓고 달라지는 부분만 살짝 살짝 바꿔가면서 사용하는 것. 거의 반제품이라고 보면 됨. javaScript 라이브러리 중에 가장 유명한 ..

가장 큰 정리정돈의 도구. 서로 연관된 코드를 파일로 묶어서 그룹핑 -> 웹페이지가 아무리 많아도 감당 가능. .js 파일 만들고 태그 제외하고 공통된 코드 복붙. 공통된 코드 있던 위치에 이렇게 하면 나중에 한꺼번에 수정할 일이 있더라도 파일이름.js안의 코드만 건드리면 한꺼번에 수정이 가능하다. src : source의 약어 겉보기에 동작하는 건 똑같아 보이지만 내부적인 구현 방법은 완전히 달라진 상태. 파일로 쪼개진 상태 파일 장점. 새로운 파일을 만들면 새로운 코드를 만들 필요 없이 clolor.js파일을 넣으면 됨. 유지보수가 굉장히 쉬워짐! 엄청난 장점!\ 또한 가독성이 좋아지고, 코드의 의미를 더욱 분명하게 알 수 있게 됨. 이런 식으로 서로 연관된 코드들을 여러 개의 파일로 쪼깨서 웹페이지..

문제가 발생할 경우 inspect, 검사를 사용해서 문제가 어디서 발생했는지를 알아내야 함. 객체는 객체의 프로퍼티와 프로퍼티 사이를 구분할 떄는 콤마를 사용함. var Body = { setColor : function(color){ document.querySelector('body').style.color=color; }, //객체와 객체 사이에는 , 필수 setBackgroundColor : function(color){ document.querySelector('body').style.backgroundColor=color; } } 이제 기본 개념은 다 배움. 다만 점점 상호작용을 하면서 복잡도가 올라가고 막막함이 생길 뿐. 문법은 이제 다 배운것임. 객체보다 더 큰 정리정돈 도구가 있을까? 다..

배열 ; 순서에 따라 정보를 정리정돈, 정보를 담는 그릇, 정보가 순서대로 저장됨. 객체 : 정보가 순서없이! 저장됨. 다만 체계(이름)는 필요함 그런데 무작위로? ㄴㄴ 안됨. 1. 객체의 문법 객체를 만들 때 사용하는 기호를 object literal (명칭 안중요)이라 함. 배열은 [대괄호], 객체는 {중괄호} 사용 객체 만들기 var coworkers = { "programer" : "egoing", "designer" : "leezche" }; 객체를 만들 때는 냅다 배열처럼 중괄호 안에 {"egoing"}이렇게 쓰면 안됨. 이름이 같이 있어야 함. 프로그래머 - 이고잉 이런식으로 그럼 이 배열은 cowokers라는 배열에 egoing이라는 정보를 programer라는 딱지를 붙여서 저장한 것으로..