동찬 코드 일지

키값은 자동으로 문자열로 치환되어 사용 -> 그렇기 때문에 키값으로 객체가 올 수 없으며, 문자열 및 심볼만 사용해야함 이 경우 자동적으로 변경되기 때문에 오류가 발생하지 않지만 의도치 않은 동작 발생한다. -> 더 골치아파짐 자바의 객체는 프로토타입기반 상속 지원 추후 프로토타입 JavaScript의 객체와 Python의 딕셔너리 JavaScript의 객체 프로토타입 기반 상속: JavaScript의 객체는 프로토타입 기반의 상속을 지원합니다. 객체는 prototype 속성을 통해 다른 객체로부터 메서드와 속성을 상속받을 수 있습니다. 키 타입: 객체의 키는 문자열 또는 심볼(symbol)이 될 수 있습니다. 비문자열 키는 자동적으로 문자열로 변환됩니다. 동적 속성 추가 및 삭제: JavaScript에..

함수는 일급객체이다. 함수를 변수와 같이 다루는 언어에 있는 개념이다. 함수 = 일급 객체 함수는 기본적으로 객체 함수의 자료형은 function // ⭐️ 함수의 자료형 function addNumbers (a, b) { return a + b; } console.log(typeof addNumbers); => function addNumbers instanceof Object 일급 객체 (=함수) 의 특성 상수 또는 변수에 할당될 수 있음 다른 함수에 인자로 전달될 수 있음 다른 함수의 결과값으로서 반환될 수 있음 함수도 참조형 다른 변수에 함수를 할당함으로써 같은 곳을 바라보게 됨 객체의 프로퍼티로 함수가 올 수 있다. 객체의 다른 프로퍼티에 접근시 this를 사용 () => 화살표함수 사용 시 t..

매개 변수의 개수보다 더 많이 인자가 전달되면 오류가 아닌 무시됨 default 매개변수 충분한 숫자의 인자가 들어오지 않을 때 기본값을 설정하여 실행됨 arguments 인자는 배열의 형태로 들어간다. 배열은 아니지만 배열처럼 사용할 수 있는 객체이다. arguments를활용한 함수 // ♻️ 새로고침 후 실행 const add = (a, b) => a + b; const sub = (a, b) => a - b; const mul = (a, b) => a * b; const div = (a, b) => a / b; // 4개의 함수 정의 function combineArms () { return (x, y) => { let result = x; for (const arm of arguments) { /..

배웠던 내용을 토대로 간단한 토이 프로젝트인 계산기를 만들어 보았다. 계산기 토이 프로젝트 목자 1. 프로그래밍 순서도 구상 2. html 페이지 작성 3. JavaScrip 기능 구현 4. 기능 테스트 순서도 시작 -> 숫자 1을 저장할 변수 선언 -> 연산자를 저장할 변수 선언 -> 숫자 2를 저장할 변수 선언 -> 대기 숫자 버튼 클릭 -> 숫자를 변수에 저장 -> 대기 연산자 버튼 클릭 -> 연산자를 변수에 저장 -> 대기 = 버튼 클릭 -> 숫자 1과 숫자 2에 연산자를 적용해 계산 -> 계산 결과를 화면에 출력 -> 끝 html 문서 7 8 9 + 4 5 6 - 1 2 3 / C 0 = x javascript 구현 변수선언 let numOne = ''; let operator = ''; let..

함수와 함수 호출의 차이 함수의 호출 : 함수이름() 함수의 호출의 결과는 함수 자리에 바로 리턴값을 대입하는 것 함수이름 함수를 실행하는 것 예시 코드 함수의 변수 접근과 호출 스택 JS의 실행 순서 위 -> 아래 왼쪽 -> 오른쪽 함수의 호출 : 함수가 호출 될 때마다 호출 스택 생성 stack : 먼저 들어온 것이 나중에 나감 : FILO 스코프체인 변수나 함수가 코드 내에서 어떻게 검색되고 접근될 수 있는지를 결정하는 메커니즘 블록 단위 { } 지역 스코프(Local Scope): 함수 내에서 선언된 변수는 해당 함수 내에서만 접근 가능합니다. 이러한 변수는 지역 스코프 또는 함수 스코프에 속합니다. 상위 스코프(Upper Scope): 변수가 현재 스코프에서 찾아지지 않으면, 스코프 체인을 따라..

https://github.com/woowacourse/javascript-baseball-precourse GitHub - woowacourse/javascript-baseball-precourse: 숫자 야구게임 미션을 진행하는 저장소 숫자 야구게임 미션을 진행하는 저장소. Contribute to woowacourse/javascript-baseball-precourse development by creating an account on GitHub. github.com 이때까지 JS를 이용하여 직접 기능을 구현하는 일이 없었다. 그러다 보니, 내 지식으로 체득하는 것이 아닌, 단순 암기에 그쳤다. Python을 배울 때도 직접 알고리즘을 문제를 구현할 때 프로그래밍 실력이 크게 늘었다. JS를 배..

7장 X 윈도우 응용 프로그램 명령어 apt-get -y install gnome-tweak-tool 노틸러스 명령어 : nautilus 윈도우 파일 관리 (복붙, 잘라내기 가능) - brasero - CD/DVD 또는 ISO 파일 레코딩 설치 : apt-get -y install braseroㄱ 실행 : brasero / 모두 -> 브라세로 선택 - 파이어폭스 버전확인 : dpkg -l firefox 최신버전 설치 ( 진행 x) - 선더버드 - 마소 아웃룩과 비슷/ 이메일 클라이언트 실행 : thunderbird - gftp - 윈도우에서 사용 1:1통신 ( 리눅스에서 ftp 사용 ) 파일 전송 설치 : apt-get install gftp GIMP 그래픽 편집 프로그램 ( 포토샵과 유사) 설치 : a..

취업을 하고 나서 개발자가 어떤 마음가짐과 방향성을 가지고 성장할 것인지 방향성을 잡는 시간을 가진다. 이를 통해 추후 회사에서 내가 성장해 나가야 할 방향을 미리 앎으로써 취업 및 성장의 발판을 마련한다. https://www.youtube.com/watch?v=cePPOjCU7f4 제목 : 어느 날 고민 많은 주니어 개발자가 찾아왔다. 2탄 주니어 시절 성장과 고민들 지식 공유자 : 김영한 배경 JPA 백엔드 데이터 저장 기술 비교 10년 전 국내 MyBatis : 95% 해외 MyBatis : 5% vs JPA : 95 JPA: 코드의 재사용성 -> 개발 생상선 증가 BUT 국내에서는 사용 X WHY? 교육의 문제, 강의자료나 책이 없었다. 가벼움 -> 수박 겉핥기 수준 으로 실무 사용성 저하 복잡..

실력과 수준을 모두 갖춘 개발자가 되기 위해 목표설정과 방향성 탐색하는 시간을 가졌다. 3년 차 개발자에서 대기업으로 이직한 케이스와 내가 이전 가지고 있던 개인적 견해들과 비교하여 잘못된 점 및 개선 점을 명확히 하여 앞으로 나아가야 할 방향성을 바로 잡는 것을 초점을 두고 정리하였다. https://velog.io/@recordsbeat/%EC%9D%B4%EC%A7%81-4%EB%B2%88%EB%A7%8C%EC%97%90-IT%EB%8C%80%EA%B8%B0%EC%97%85-%ED%95%A9%EA%B2%A9-%EC%8D%B0 블로그 출처 : https://velog.io/@recordsbeat 2017년 전공자에서 취업 근무환경이 맞지 않아 3년차에 3번 이직함 3년 차인데도 소위 말해 '개발'과 '..