코딩응애의 개발블로그

자바스크립트로 백준 풀려면 입력 받는것 때문에 꽤나 귀찮고 나같은 초보자들은 처음에는 매우 힘들것이다. 백준에서 node.js 를 선택하고 코드 몇줄을 입력을 해야한다. const fs = require('fs'); // 파일을 읽어오기 위해 Node.js의 built-in file system module fs 사용 const filePath = process.platform === 'linux' ? '/dev/stdin' : './input.txt'; let input = fs.readFileSync(filePath).toString().split('/n'); // input을 읽어와 변수로 선언 & 할당 그 내용을 input에 저장, toString(), split()을 사용해서 // Array(배..

깃의 3대 목적 버전관리 백업 협업 그중 버전관리에 대해 알아보는 수업입니다. 버전관리의 시작 git에게 이제부터 이 디렉토리를 버전관리 하기 시작해! 라고 이야기 할때는 git init . 해주면 된다. init은 초기화란 뜻이고 . 은 현재 디렉토리를 git에게 버전관리를 시킨다는 의미이다. 이렇게 해주면 .git 이라는 디렉토리가 생기는데 이 디렉토리 안에는 여러 파일과 디렉토리가 있는데 여기에 여러가지 버전 정보들이 각자 역할에 따라 디렉토리 파일에 저장이 될것이다. 버전 만들기 우리가 할일은 파일을 변경했을때 변경사항들을 버전으로 만들어서 관리하는것이다. Repository(저장소) - 버전이 저장되는 곳. 만들어진 버전 Working tree - 파일을 만들고 수정하고 할텐데 이 파일들이 아직..

운영체제를 제어하는 2가지 방법 GUI 와 CLI가 있는데 그중 CLI에 대해 배우는 수업이다. CLI 란? Command Line Interface 의 약자로 명령어를 이용해서 언어적으로 논리적으로 컴퓨터를 제어하는것을 뜻한다. POSIX 란? Portable Operating System Interface의 약자 유닉스계열에 컴퓨터들을 서로 동일한 방법으로 제어하기 위한 일종의 표준 윈도우 에서는 git 을 설치해서 git bash 를 이용한다 수업의 목적 수업에서 가장 중요한건 파일이다. 많아진 파일을 정리정돈 하기 위해서 만든 위대한 도구 디렉토리 이 두가지로 데이터를 저장하는 방법을 알았다면 이 저장된 데이터를 처리하는 방법이 있는데 그게 바로 CRUD이다 C(create 생성) R(read) ..

제일 먼저 해야할것은 git에게 우리의 폴더를 버전관리 하기 시작해 라고 알려주어야 함 그러면 git이 프로젝트 폴더 안에 버전을 저장하는 저장소를 만들고 그 저장소 안에 버전들이 저장이 될것임 vscode 에서 setting에 들어가서 exclude 검색하고 git 엑스표시를 누르면 프로젝트 폴더에 .git 디렉토리가 생긴다 바로 이것이 저장소이고 버전을 만들면 이곳에 저장이 된다. 이제 본격적으로 시작하자면 파일을 만들고 소스 컨트롤로 가서 보면 파일들이 changes 라는 항목에 나타난다 버전으로 만들고 싶은 파일에 +를 누르면 staged changes 에 올라간다 그리고 커밋이 어떤작업을 담고 있는지 이름을 잘 적고 커밋버튼을 눌러주고 작업한게 없어지면 성공적으로 버전을 만든 것이다. 그리고 만..

객체 영어로는 object 라고 한다. 정리정돈의 수단. 서로 연관된 함수와 서로 연관된 변수를 같은 이름으로 그룹핑해서 잘 정리정돈 하기 위한 도구를 객체라고 할 수있다. 쉽게 생각하면 폴더라고 생각을 해도 됨 그리고 객체에 속해있는 함수는 메소드 라고 부른다. document.querySelector('body') // document 여기가 객체 querySelector('body')가 함수 즉 객체에 속해있으니 메소드 라고 한다 객체 쓰기와 읽기 배열과는 달리 객체는 순서없이 정보를 저장할 수있는것이다. 객체를 만들때 사용하는 기호는 중괄호 이다. 문법을 코드로 보면 var coworkers = {"programmer":"oenomel" , "designer":"chulsu"}; 중괄호 안에 콤마..

리팩토링 중복의 제거 코딩을 하고 나면 코드가 비효율적인 면들이 생기기 마련인데 여기서 동작하는건 그대로 두고 코드 자체는 효율적으로 만들어서 그 코드의 가독성을 높이고 중복코드를 줄이고 유지보수를 편리하게 하는 이러한 방향으로 코드를 개선하는 작업을 리팩토링이라고 한다. 위에 코드를 보면 몇개 반복되는 문장들을 볼 수 있는데 이 코드를 리팩토링 하면 더 가독성을 높일 수 있다. 리팩토링 하기전 잠깐 this라는 개념에 대해 알아보면 위에 onclick과 같은 이벤트 안에서 실행되는 코드들은 즉 이 구간안에서는 이 코드들이 속해있는 태그 (즉 여기서는 input 태그를 의미함) 를 가리키도록 약속되어 있는 특수한 키워드가 있는데 바로 this 이다. 그리고 이 코드 document.querySelecto..

※ 중간에 CSS 부분(9~11)은 들었지만 따로 CSS 요약한 포스트가 있어서 쓰지 않음 데이터타입 - 문자열과 숫자 이 부분은 너무 간단해서 그래도 요약하자면 일단 숫자는 아무 사이트에 콘솔 창에서 1+1 하고 엔터를 하면 2 가 나오는 이러한 식이다 사칙연산 다 가능하다. 그리고 문자열 같은 경우 큰따옴표, 작은따옴표 둘다 가능하다 예를들어 "hello" 하고 엔터치면 저 문자열이 그대로 나온다. 문자열에는 다양한 property와 메소드가 있는데 몇가지 살펴보면 "hello".length 하면 문자열의 길이를 나타내주고 "hello".toUpperCase() 해주면 다 대문자로 변한다 그리고 "hello".indexOf( 'l' ) 해주면 괄호안에 문자가 몇번째에 있는지 나타내주고 마지막으로 " ..

*생활코딩님 강의를 듣고 난후 정리하는 글 입니다. HTML과 JavaScript의 만남 1 (script 태그) 프로그램에 자바 스크립트를 넣는 방법은 html 코드로 지금부터 자바 스크립트가 시작됩니다 라고 알려주어야 한다. 그때 사용하는 태그가 있는데 바로 그리고 onclick에 속성 값으로는 반드시 자바 스크립트가 와야 된다. (onclick 만 해당하는건 아님 다른 이벤트들도 마찬가지 ) onclick 말고도 onchange, onkeydown 등 여러가지가 있는데 이러한 것들을 통틀어서 이벤트(event) 라고 한다. 각자 기능을 간단히 설명하자면 onclick은 클릭되었을때 onchange는 내용이 변경이 되었을때 onkeydown은 어떤 키를 눌렀을때 발생 하는 이벤트들 이다. 이러한 이벤..