profile
프런트엔드 개발자로의 여정

[C++] 정렬(sort) 알고리즘

자료구조 공부 시, 정렬을 제일 먼저 공부하는 이유? 정렬 알고리즘을 공부하는 것은 단순히 데이터를 정렬하는 방법을 배우는 것 이상의 의미가 있습니다. 다양한 알고리즘들의 특징을 이해하고, 어떤 상황에서 어떤 알고리즘이 가장 효율적인지 판단할 수 있는 능력이 중요합니

2024년 6월 5일
·
0개의 댓글
·

[Javascript] Javascript 기초 (ES5+) by 드림코딩 8.callback

callback 콜백함수 다른 함수의 인자로 전달되는 함수 ` ` 2. 비동기 콜백 정확히 언제 끝나는지 알기 어렵다. 코드의 실행 순서가 뒤죽박죽이 되기 쉽다. ` ` 전달해 준 console.log 콜백함수가 getData의 인수 callback이라는 변

2024년 4월 19일
·
0개의 댓글
·

[Javascript] Javascript 기초 (ES5+) by 드림코딩 7.동기/비동기 프로그래밍

1. Javascript is synchronous / Asynchronous 동기적 *동기적 수행이란 한 번에 하나씩, 순서대로 수행한다는 뜻이다. *동기 프로그래밍 코드를 동기적으로 수행한다는 뜻이다.* 코드가 작성된 순서대로 한 줄씩 실행된다. ` 브라우저는

2024년 4월 19일
·
0개의 댓글
·

[Javascript] Javascript 기초 (ES5+) by 드림코딩 4. Function

1. Function이란.. 프로그램 안에서 각각의 작은 단위의 기능들을 실행되는데 이것들을 Function이라 한다. 프로그램속에 핵심적인 기능들이 쌓여있는 구조라고 생각하면 된다. fundamental building block in the program sub

2023년 12월 29일
·
0개의 댓글
·

[Javascript] Javascript 기초 (ES5+) by 드림코딩 3. Operator

1. 문자열 연결(String concatenation) ` 문자열을 연결하고자 할 시에 +를 사용하고, \n(줄바꿈), \t(탭) 등등이 있다. 2. 숫자 연산자 (numeric operators) 3. increment, decrement operators pr

2023년 12월 8일
·
0개의 댓글
·
post-thumbnail

[Javascript] Javascript 기초 (ES5+) by 드림코딩 2. 데이터타입

1. let vs var (1) Variable (변수) var or let or const가 있다 let은 ES6부터 추가되었다 ES6 이후로는 var 대신 let이 사용되고 있다. (2) let(mutable data type) ` 어플리케이션을 실행하게 되면

2023년 11월 21일
·
0개의 댓글
·
post-thumbnail

[Javascript] Javascript 기초 (ES5+) by 드림코딩 1. async / defer

1.async 와 defer 1-1 script 태그의 위치 ![]ㅁㄹ(https://velog.velcdn.com/images/user_oy/post/8e154e35-1233-4e79-8683-af5e925d0ff2/image.png) 💭script 태그를 head

2023년 11월 9일
·
0개의 댓글
·

[생활코딩/React] 6. 이벤트 (Ver. 2022 개정판)

이는 유튜브 강의를 보고 정리한 내용입니다. ✔️ 이벤트 기능 넣기 ` 컴포넌트 밖(사용자가 주입한)에 값은 안에서나 어디든 임의로 바꾸지 못한다. 이는 컴포넌트는 외부에서 내부로 유입되는 것을 알 수 있다. ` ` 초기값 10이라는 상태를 만들기 위해 useS

2023년 9월 1일
·
0개의 댓글
·

[생활코딩/React] 5. props (Ver. 2022 개정판)

이는 유튜브 강의를 보고 정리한 내용입니다. ✔️props 사용하기 React에서 속성은 Properties를 줄여 Props라고 한다. 이 Props는 입력값이다. ` 📝 Counter 태그에 title이라는 속성과 "불면증 카운터"라는 값을 부여했다. 그

2023년 9월 1일
·
0개의 댓글
·

[생활코딩/React] 4. 컴포넌트 만들기 (Ver.2022 개정판)

이는 유튜브 강의를 보고 정리한 내용입니다. ✔️사용자 정의 태그 == 컴포넌트 ` 👉App.js 파일의 코드이다. 이 코드 return안에 코드가 1억줄이 있다면, 분명 코드를 읽기란 쉽지 않을 것이다. 물론 유지보수도 이에 따라 매우 힘들 것이다. 이 때문에

2023년 9월 1일
·
0개의 댓글
·

[React] NPM / NPX

NPM NPM은 Node Package Manager의 약자로, Node.js 프로젝트를 관리하는 필수적인 도구이다. 사용방법 프로젝트 생성 npm init package.json이라는 파일을 만들어 주고, 그 디렉토리를 Node.js 프로젝트로 만들어 준다. 명령

2023년 7월 24일
·
1개의 댓글
·

[JavaScript] 3. 제어문

조건문(Conditional Statement) if문 ` if()안의 값이 true라면 'true'이 출력이 된다. ` 삼항 연산자 삼항 조건 연산자 (Ternary Operator) 조건식 ? 참인 경우 : 거짓인 경우 switch문 정해진 범위안의 값에대해

2023년 7월 20일
·
0개의 댓글
·

[JavaScript] 2. 자료형

문자형(String) ` 숫자형(Number) 계산은 기본적인 사칙연산을 따른다. 불 대수(Boolean) 일상적 논리를 수학적으로 표현한 것 AND 연산 x와 y가 모두 참일 때만 x AND y가 참 참고로 왼쪽이 false일 경우 오른쪽은 볼 필요 없이 fa

2023년 7월 7일
·
0개의 댓글
·

[JavaScript]1. 변수

값을 저장하는 공간이자 자료를 저장할 수 있는 이름이 있는 상자함수 안,밖 어느 위치에서나 쓸 수 있는 변수 정의법변수 중복 선언이 가능해 오류가 나올 가능성이 높다.잘 사용하지 않는 것이 좋다.한 번 정의된 변수는 중복 선언할 수 없지만, 재할당은 가능하다.한 번 정

2023년 7월 3일
·
0개의 댓글
·

[프로그래머스 lv.0] 홀짝 구분하기

자연수 n이 입력으로 주어졌을 때, 만약 n이 짝수면 "n is even"을, 홀수이면 "n is odd"를 출력하는 코드를 작성해 보세요.1 ≤ n ≤ 1000입력 \`\`\`javascript100입력 \`\`\`javascript1문제를 보고 조건식을 사용해 문제

2023년 6월 22일
·
0개의 댓글
·
post-thumbnail

[부스트코스 CS50] 2.C언어 - C기초 (강의 정리)

C는 아주 오래되고 전통적인 순수 텍스트 기반의 언어이다.앞서 배운 스크래치 블록과 결과적으로 정확히 일치한다고 볼 수 있다.왼쪽에 Filetree, 오른쪽 상단의 코드 작성 부분, 하단의 터미널창 이렇게 3가지 화면으로 구성되어있다.터미널 창에서 보이는 달러($)는

2023년 6월 15일
·
0개의 댓글
·
post-thumbnail

[부스트코스 CS50] 1.컴퓨팅 사고(2) (강의 정리)

컴퓨터 과학이 무엇인지 정의하고, 컴퓨터가 정보를 표현하는 방법에 대해 설명2진법정보의 표현알고리즘스크래치(Scratch)컴퓨터가 문자, 사진, 영상, 음악 등 다양한 정보를 처리하는 방식을 설명할 수 있습니다.ASCII유니코드RGB 컴퓨터가 스위치를 ON/OFF하면

2023년 6월 14일
·
0개의 댓글
·
post-thumbnail

[부스트코스 - CS50] 1. 컴퓨팅 사고 - 2진법 (강의 정리)

컴퓨터 과학이 무엇인지 정의하고, 컴퓨터가 정보를 표현하는 방법에 대해 설명2진법정보의 표현알고리즘스크래치(Scratch)컴퓨터 과학이란?🔈문제 해결에 대한 학문문제 해결이란, 입력을 전달받아 출력을 만들어 내는 과정으로그 중간에 있는 과정이 컴퓨터 과학이다.이런 입

2023년 6월 14일
·
0개의 댓글
·

[프로그래머스 lv.0] 덧셈식 출력하기

두 정수 a, b가 주어질 때 다음과 같은 형태의 계산식을 출력하는 코드를 작성해 보세요.1 ≤ a, b ≤ 100입력 \`\`\`javascript 4 5템플릿 리터럴을 사용하여(${}) 문자열 '4 + 5 = 9 '로 출력

2023년 6월 13일
·
0개의 댓글
·

[프로그래머스 lv.0] 특수문자 출력하기

다음과 같이 출력하세요.출력 예출력 javascript!@💭나의 생각백슬래시와 작은따옴표를 붙여서 나란히 입력하면 백슬래시가 특수문자가 된다.이를 직접 표시하기 위해선 백슬래시를 연속으로 두 번 사용하고 이를 백틱으로 감싸줘야한다.✍️풀이

2023년 6월 9일
·
0개의 댓글
·