# 개념
React onClick함수로 파라미터를 전달하는 방법
Hiring Assessment에서 리액트로 이미지를 클릭했을 때 해당 이미지가 변경되는 페이지를 구현해보았다.개인적으로 저어어어엉말 헸갈렸던이 있었는데,,, 바로 '콜백함수의 전달인자!'하루종일 구글링을 해봐도 내가 이해 안 가는 부분을 정확하게 딱 짚어주는 컨텐츠를
OOP
OOP는 Object Oriented Programming의 약자로 객체 지향 프로그래밍을 의미한다.이전에 OOP를 다룬 적이 있었지만. 다시 한번 생각을 정리하기로 했다. JavaScript는 객체지향언어가 아니다. 라는 글로 올렸었다.JavaScript는 객체 지향
DOM으로 HTML 조작하기
📝오늘 배운 것DOM을 JavaScript로 조작하여 HTML Element를 추가하거나 삭제, 혹은 내용을 변경해보았다.createElement - CREATEquerySelector, querySelectorAll - READtextContent, id, clas
DOM 이해하기
What is the DOM?DOM은 Document Object Model의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model이다.자바스크립트는 다양한 일을 할 수 있지만, 웹 페이지를 제어
javascript 원시자료형 & 참조자료형
원시 자료형과 참조 자료형은 무엇인가!원시 자료형(primitive type)과 참조 자료형(reference type)의 구분이 왜 필요한지?원시 자료형과 참조 자료형의 차이를 이해하고, 각자 맞는 상황에서 사용할 수 있다.원시 자료형이 할당될 때에는 변수에 값(va
javascript accessing a character
strindex 사용하기index로 접근은 가능하지만 쓸 수 없다(read-only)그렇지만 문자열이 아닌 배열에서는???콘솔에 입력해보았더니 arr2 = 4; 라는 값을 할당하고 난 후 arr의 값도 바뀌게 되었다객체에서는???역시 바뀌었다데이터 저장 형태가 다른지
AWS CloudFront - 개념
개념 설명 > 1. CDN이란? > 1-1. CDN의 장점 > 1-2. CDN의 작동원리 > 1-3. CDN의 필요기술 > 1-4. CDN의 캐싱 방식 > 2. CloudFront란? > 3. CloudFront 동작 방식 > 4. 마치며
javascript #5 반복문
💬 반복문이란?같거나 비슷한 코드를 여러 번 실행시켜야 할 경우에 쓰는 구문ex.let sum = 1;sum = sum + 2;sum = sum + 3;sum = sum + 4;console.log(sum);여기서 1, 2, 3, 4 ... --> n 으로 일반화 시
javascript #4 문자열
💬 Accessing a characterstrindex 사용하기index로 접근은 가능하지만 쓸 수 없다💬 Concatenating strings(문자열 나열)연산자를 쓸 수 있음.concat메소드를 쓸 수 있음.💬 length PROPERTY문자열의 전체 길이
javascript #3 조건문, 연산자
📝오늘 배운 것💬 조건문이란?어떠한 조건을 판별하는 기준을 만드는 것조건문에는 반드시 '비교 연산자'가 필요하다💬 비교 연산자비교의 결과는 아래와 같이 늘 boolean이다💬 다양한 비교 연산자: 초과<: 미만= : 이상<= : 이하===: 같다!==
javascript #2 함수
📝오늘 배운 것코드와 변수를 저장하고 있는 기계이다.반복적으로 실행되는 일이 필요한 경우에 함수로 만들 수 있다.위와 같은 코드를 함수로 표현한다면함수는 코드의 묶음, 즐겨찾기 버튼이다따라서 함수는 기능의 단위라고 볼 수 있다구체적인 입력값과 출력값을 가질 수 있고(
javascript basic #1 변수
11📝오늘 배운 것💬 What is variable?변수는 데이터를 다루는 방법이다.아래와 같이 구구단을 출력할 때동일하게 반복되는 데이터(=3)을 변수(=num)로 대체하고변수에 해당 데이터를 저장할 수 있다.💬 What does it mean?컴퓨터에는 데이터
[알고리즘]재귀 함수(Recursive Functions)
하나의 함수에서 자신을 다시 호출하여 작업을 수행하는 것재귀 함수를 작성할 때는 함수 내에서 다시 자신을 호출한 후 그 함수가 끝날 때까지 함수 호출 이후의 명령문이 수행되지 않는다는 사실과 종료 조건이 꼭 포함되어야 한다.어떻게 풀이 할지가 아니라 무엇을 해야할지 생
Singleton Pattern이란?
애플 공식문서에서는 다음과 같이 나와있습니다.A singleton class returns the same instance no matter how many times an application requests it. A typical class permits call
console.log()
console.log(...data\_소괄호 () 안에 작성된 값을 브라우저 콘솔 창에 출력문자, 숫자 등을 출력콤마로 구분하여 다수 작성 가능소괄호 안에 작성한 값을 파라미터 값이라고 부름
[Swift] Delegation, Notification, KVO
3 가지 모두 비슷해보이는데 차이는 무엇이고 각각 사용처가 어떻게 다를까?위 질문때문에 이 글을 작성하게 되었습니다.3 가지 방법이 있으면, 3 가지의 사용 이유가 있지 않을까요?각각의 객체가 각각 존재 + 소통위 두 조건을 만족시키고자 3 가지 패턴이 발생하게 되었습
다이나믹 프로그래밍(DP)
참고사이트: 패스트캠퍼스 코딩+알고리즘 완주반 6강 실전 문제풀이다음 상태를 저장하고, 사용하기 -> 메모이제이션을 이용해 푸는 것무엇을 저장해야할지 모르고, 어떻게 저장해야할지 모르고, 방법 자체가 수학 문제를 많이 풀어보지 않으면 당혹스럽다. Ex. 피보나치수열 등
[정보처리기사] 소스코드 품질분석 도구
소스코드 품질 분석 도구는 코딩을 하면서 발생하는 문제를 발견하기 위해 사용하는 도구입니다.프로그램을 실행하지 않고 소프트웨어를 분석하는 방법으로서, 소스 코드의 결함 및 취약성을 찾기위한 일련의 프로세스입니다.소스코드가 목표인 도구인 것 같죠. 소스코드자체를 대상으로
[정보처리기사] CASE(Computer-Aided Software Engineering)
소프트웨어 개발 시, 사용되는 ::분석 자동화 도구:: 입니다.== 소프트웨어 개발 과정의 일부나 전체를 자동화하는 도구아 자동화 도구인데 소프트웨어 개발과정 전반적인 과정을 도와주는 도구구나저는 이 정의를 보고 이런 생각이 들더라구요.분석 자동화도구? 무엇을 분석한다
[정보처리기사] 럼바우(Rumbaugh)) 분석기법
분석 절차 순서: 객 -> 동 -> 기 로 암기소프트웨어 구성요소 -> 그래픽 표기법 모델링 기법 중 하나로 그래픽으로 이를 표현한 분석 기법 입니다.같은 말로 “객체 모델링 기법”, “OMT” 그리고 “Object Modeling Technique” 라고도 칭합니다.