시리즈

[새싹x코딩온]

1. [새싹x코딩온] 웹 개발자 부트캠프 과정 1 | Git & GitHub

첫번째 수업에서는 Git과 GitHub 개념에 대해 배웠고 터미널 사용시 유용한 명령어들을 배웠다.평소에 윈도우만 써서 공부했었는데 일부러 맥을 이용해 수업을 따라가 보았다. Homebrew 설치 아이맥의 터미널에 이 코드를 입력해준다. Git이란? 변경 내용을

2024년 5월 17일

2.[새싹x코딩온] 웹 개발자 부트캠프 과정 2 | HTML

이번 두번째 수업에서는 HTML을 배웠다.웹 페이지를 구성하는 가장 기초적인 언어Hypertext: 링크. 웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것.Markup: 문서나 데이터의 구조를 명기하다.반드시 <!DOCTYPE html> 으로 시작하여 문서

2024년 5월 19일

3.[새싹x코딩온] 웹 개발자 부트캠프 과정 3 | HTML2 CSS

이번 수업에서는 html 나머지 부분을 배웠고 css도 조금 진도를 나갔다. form 태그는 사용자로부터 입력받는 요소들을 감싸는 태그이다. 화면에 드러나지 않는 추상적 태그이다. 사용자가 폼에 데이터를 입력하고 제출 버튼을 누르면, 서버라는 컴퓨터에게 데이터가 넘어간

2024년 5월 22일

4.[새싹x코딩온] 웹 개발자 부트캠프 과정 4 | CSS

오늘 수업에서는 CSS 선택자를 집중으로 공부해보았다. 선택자 (Selector) HTML을 꾸미려면 대상이 있어야 하는데 그 대상을 지정하는 방식이 선택자를 이용하는 것이다. 단일 선택자 전체 선택자: 모든 요소를 선택 태그 선택자: 태그 이름을 적어줌 클래스

2024년 5월 25일

5.[새싹x코딩온] 웹 개발자 부트캠프 과정 5 | JS 별 그리기 과제

별 그리기 과제 오늘은 과제중에서 헷갈렸던 별그리기 과제를 어떻게 풀었는지 적어보려고 한다. 과제1 나는 위와 같은 방식으로 코드를 작성했다.while 문을 사용하여 lines가 0보다 클 때까지만 반복하도록 하고, lines의 수만큼 별을 반복 출력하도록 했다.

2024년 6월 2일

6.Git Clone 시 파일이 삭제된 것으로 나타나는 문제 해결하기

아이맥으로 git push한 코드들을 집에 있는 윈도우 컴퓨터로 pull 하니 이런 에러가 생겼다. 전혀 내가 삭제하지 않은 파일들이 이렇게 deleted 상태로 staged 되어 있었다. 아래에 git status로 확인해보니 이렇게 뜨는 상황이었다. ![](ht

2024년 6월 13일

7.자바스크립트 비동기처리 - callback함수

자바스크립트는 기본적으로 동기적으로 코드를 실행한다. 동기적이라는 뜻은 코드가 작성된 순서대로 차례대로 실행된다는 것을 의미한다. 그러나 실행 시간이 오래 걸리는 코드가 중간에 있을 때 문제가 발생할 수 있다. 이러한 문제를 해결하기 위해 콜백 함수를 사용하여 비동기적

2024년 6월 20일

8.[프로그래머스] 제곱수 판별하기,편지,약수구하기,글자 이어 붙여 문자열 만들기

제곱수라는 것은 어떤 수의 제곱근을 구했을 때 그 결과가 정수여야 한다. 일단 sqrtN이라는 변수에 매개변수에 있는 n 값의 제곱근을 구해 주고, 그 값이 소수점을 없애주는 Math.floor을 해주었을 때 같은 값이면 제곱근이 정수라는 의미이므로 제곱수라는 뜻이다

2024년 6월 24일

9.자바스크립트 비동기처리 - Promise

저번 포스트에서 자바스크립트의 비동기 특성으로 인한 문제를 해결하기 위해 콜백 함수를 사용했었다. 그러나 콜백 함수는 콜백 지옥이라는 치명적인 단점이 있다. 이 단점을 해결하기 위해 ES6부터 새로 등장한 문법이 바로 Promise이다. 이름에서 알 수 있듯이, Pro

2024년 6월 26일

10.자바스크립트 비동기처리 - async/await

저번 시간에 Promise에 대해 알아본 것에 이어 이번에는 async/await에 대해 알아보겠다. async는 함수 앞에 작성하는데, 이렇게 작성해주면 해당 함수는 값을 반환할 때 Promise로 감싸서 반환하게 된다. 그리고 await는 이 값이 성공 혹은 실패가

2024년 6월 28일

11.[Node.js] Module Wrapper, modules, ES6 Imports

브라우저에 크롬의 V8 엔진이라는 것이 있는데, 이 엔진과 다른 코드들을 결합하여 원래는 브라우저에서만 사용했던 자바스크립트를 브라우저 밖에서 사용할 수 있게 되었다. 그래서 브라우저 바깥에서 애플리케이션을 만들 수 있는 환경을 제공하게 되었는데, 이것이 Node.js

2024년 6월 29일

12.[프로그래머스] 하샤드 수,음양 더하기,핸드폰 번호 가리기,중복된 숫자 개수, 가장 큰 수 찾기

하샤드 수 양의 정수 x가 하샤드 수이려면 x의 자릿수의 합으로 x가 나누어져야 합니다. 예를 들어 18의 자릿수 합은 1+8=9이고, 18은 9로 나누어 떨어지므로 18은 하샤드 수입니다. 자연수 x를 입력받아 x가 하샤드 수인지 아닌지 검사하는 함수, soluti

2024년 6월 30일

13.[Node.js] Path Module,FS Module

Path Module Path Module에 대해 배워보자. 먼저 이 모듈을 사용하기 위해서는 다음과 같이 import해야 한다. 제일 먼저 basename이라는 메서드는 경로의 제일 마지막 부분을 보여준다. 두 번째 인자에 ".js"를 추가했더니 ".js"가 값에

2024년 7월 1일

14.[Node.js] OS module, URL module, HTTP module, Routing,Serving pages

OS module OS 모듈은 컴퓨터 운영체제 관련 정보들을 제공하는 메서드이다. URL module url 관련 정보들을 제공하는 메서드이다. 마지막 두개는 URL 객체를 string과 json형태로 변환해주는 건데, 결과값이 같다. HTTP method HTT

2024년 7월 3일

15.[Node.js] NPM, Behind the scene, Events, Streams

package.json파일에 위와 같이 scripts 를 추가해주면 npm start 할때 node index.js가 실행되고 npm dev를 쓰면 nodemon index.js가 실행된다.JavaScript가 싱글 스레드이므로 Node.js 또한 싱글 스레드이다. 예

2024년 7월 3일

16.[express] Basic Routing, String Pattern Path,Regex,Single Callback Function & More than One Callback Function,Http methods,Route Refactor,Route Params,Controllers

basic routing node.js에서 exprss를 쓰는 방법을 알아보도록 하자. 먼저 아래와 같은 방식으로 진행해주면 된다. create folder npm init -y npm i express create instance express provide po

2024년 7월 4일

17.[express.js]Query String,Sending JSON,Middleware function, Serving static files, EJS 사용하기, EJS 문법,POSTMAN data(server -> client)

Query String 이란 url의 일부로 클라이언트에서 서버로 데이터를 전송하는 방법이다. URL에 ?를 사용하여 시작하고 key=value형태로 데이터를 표현하고 여러개 데이터는 &로 구분한다. 아래의 코드를 보자.query는 request 객체에 들어있다.클라이

2024년 7월 7일