Developer's Development

개발자라는 직업은 가지기 전에도, 가지고 난 후에도 공부해야 할 범위가 다른 직업에 비해 많은 편이다. 새로운 기술은 끊임없이 계속 나오고, 사용자에게 더 편리한 서비스를 제공하기 위해 꾸준히 고민하고 노력해야 한다. 이 직업을 가진 지 벌써 1년, 아직도 나는 신입이라는 타이틀을 뗄 수 없다고 본다. 아직 사내에서도 선배들의 코드를 익히며 배울 점이 많고, 끌어오고 싶은 신기술도 엄청나게 많은 의욕 넘치는 막내이기 때문이다! 서론이 길었다. 아무튼, 이 짱구 막내의 개인 공부를 위해 혼공단 10기 공고가 나기 몇 주 전부터 인터넷에서 외부 스터디를 열심히 찾아다녔는데, 어느 날 혼공단 모집 공고문이 인스타 추천 글에 떴다. (뚜둥! 알고리즘 형님의 한 수인가...) 그래서 꼼꼼히 읽어보고 이거야! 라며..

6주차(8/14-8/20) Chapter 07 ~ 08 Chapter 07. 문서 객체 모델 문서 객체 모델은 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식이고, 좁은 의미로 document 객체와 관련된 객체의 집합임. 이를 사용하면 HTML 페이지에 태그를 추가, 수정, 제거할 수 있음. 1. 문서 객체 조작하기 - 요소(element) : HTML 페이지에 있는 html, head, body, title, h1, div, span 등. - 이를 JS에서는 문서 객체(document object)라고 부름. 따라서 '문서 객체를 조작한다'는 말은 'HTML 요소들을 조작한다' - 문서 객체 모델(DOM, Document Objects Model) : 문서 객체를 조합해서 만든 전체적인 형..

5주차(8/7-8/13) Chapter 06 Chapter 06. 객체 1. 객체의 기본 객체(Object) : '실제로 존재하는 사물', '이름과 값으로 구성'된 속성을 가진 자바스크립트의 기본 데이터 타입 배열과 다르게 요소에 접근할 때 인덱스가 아닌 키를 사용함. 객체는 중괄호{...}로 생성하며, 아래와 같은 형태의 자료를 쉼표(,)로 연결해서 입력함. 키: 값 //객체 선언 예제 const product = { 제품명: '7D 건조 망고', 유형: '당절임', 성분: '망고, 설탕, 메타중아황산나트륨, 치자황색소', 원산지: '필리핀' } //객체 요소에 접근 product['제품명']//객체 뒤에 대괄호 사용 후 키 입력 product.유형//온점 사용 1) 속성과 메소드 요소(element)..

4주차(7/24-7/30) Chapter 05 Chapter 05. 함수 1. 함수의 기본 형태 함수 : 코드의 집합을 나타내는 자료형 함수 호출 : 함수를 사용하는 것 1) 익명 함수 이름이 없는 함수 function () { } //중괄호 {...} 내부에 코드를 넣음 2) 선언적 함수 이름이 있는 함수 function 함수() { } 3) 매개변수와 리턴값 매개변수 : 함수를 호출할 때 괄호 내부에 넣는 여러 가지 자료(함수에 넣는 input) 리턴값 : 함수를 호출해서 최종적으로 나오는 결과(결과로 나오는 output) function 함수(매개변수, 매개변수, 매개변수) { 문장 문장 return 리턴값 } 4) 기본적인 함수 예제 (1) 1부터 100까지 더하는 함수 생성 function su..

3주차(7/17-7/23) Chapter 04 Chapter 04. 반복문 1. 배열(Array) 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형. 대괄호[]를 사용해 생성하고, 내부의 값을 쉼표(,)로 구분해 입력함. 배열 내부에 들어 있는 값을 요소(element)라고 하며, 어떠한 종류의 자료형도 요소가 될 수 있음. 1) 배열 만들기 [요소, 요소, 요소, ..., 요소] 2) 배열 요소에 접근하기 배열[인덱스] //인덱스(index) : 요소의 순서 3) 배열 요소 개수 확인하기 배열.length 배열[배열.length - 1] //배열의 마지막 요소를 선택할 때 자주 사용하는 패턴 4) 배열 뒷부분에 요소 추가하기 (1) push() 메소드를 사용해 배열 뒷부분에 요소 추가하기 배열.p..

2주차(7/10-7/16) Chapter 03 Chapter 03. 조건문 1. if 조건문 조건에 따라서 코드를 실행하거나 코드를 실행하지 않을 때 사용하는 구문 1) if 조건문 불 표현식의 값이 true면 중괄호 안의 문장을 실행하고, false면 문장을 무시하는 구문 if(불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } 2) if else 조건문 if 조건문 바로 뒤에 else 구문을 붙여서 서로 반대되는 상황을 표현하는 구문 if(불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } else { 불 값이 거짓일 때 실행할 문장 } 3) 중첩 조건문 조건문 안에 조건문을 중첩해 사용하는 구문 if(불 값이 나오는 표현식 1) { //표현식 1이 참이면 실행 if(불 값이 나..

취업 전부터 jQuery나 javaScript에는 유난히 자신이 없었다. ajax도 지금은 많이 적응되었지만 최종 프로젝트 당시만 해도 얼마나 어려웠는지... 웹 개발자로서 javaScript는 피할 수 없는 존재기에, 확실히 내 것으로 만들고 싶어서 시작하게 되었다. 혼공단 10기 일정(자바스크립트) 1주차(7/3 - 7/9) Chapter 01 ~ 02 Chapter 01. 자바스크립트 개요와 개발환경 설정 자바스크립트(JavaScript) : 웹 브라우저에서 사용하는 프로그래밍 언어. (자바와는 완전히 다르고, 동적 웹 페이지와 데스크톱/모바일 애플리케이션 등을 개발하는 데 사용됨) 개발환경 세팅 : 텍스트 에디터(Visual Studio Code) + 코드 실행기(Google Chrome) 자바스..