옥수수와 식빵 그리고 코딩

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라는 딱지를 붙여서 저장한 것으로..

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

그분이 왔다.... 깃허브... 아직 잘 모르지만 일단 배운 것이나마 정리를 해보겠따. 1. 깃 =/ 깃허브 2. crate new repository 후.. 이런 화면이 나오는데 여기서 당황하지 말고 따라 하면 됨. 이게 내 로컬(내 컴퓨터)이랑 깃을 연동시키라는 건데 따르게 하는 방법도 있고, 터미널 통해서 명령어 입력하는 방법도 있고 다양하니까 상황 보면서 선택해서 하면 되는거임. 어제는 스누피랑 2번 방법으로 했음. echo "# myself" >> README.md git init git add README.md git commit -m "first commit" git branch -M main git remote add origin https://github.com/binz1215/mysel..

괸장히 중요하지만 엄청 어려움..! 프로그래밍의 큰 산 두개 1. 함수 2. 객체 객체는 함수라는 기반 위에 존재하는 것. 객체를 알기에는 너무나 많음 그래서 여기서는 그 한가지. 하나의 객체의 특성, 존재 이유, 또는 기능에 집중에서 앞으로 나아가고, 앞으로 나아가면서 주변을 둘러보고 익숙해 지도록 하자. 객체의 얼굴 중 하나는 정리정돈의 수단! 정리정돈에는 함수도 있음. 함수가 많아지면 함수와 연관되어있는 변수도 엄청나게 많아짐 그럼 복잡도의 한계에 도달하는데 이런 상황에서 서로 연관된 함수와 서로 연관된 변수들을 같은 이름으로 그룹핑해서 잘 정리정돈하기 위한 도구를 일단 객체라고 할 수 있음. vs code 팁 중복되는 단어 한번에 수정은 command + shift + L target.style...