# Wecode FullStack
저스트코드 풀스택 1차 프로젝트 회고 - 1
1. 프로젝트에 참여한 마음가짐 주변 사람들에게 물어봤을때, 프로젝트를 시작하며 배우는게 정말 많다고 해서 기대가 많이 됐었다. 또, 처음 팀발표가 이루어진 후 팀원 분들이 다 실력이 좋으신 분들이라 절대 피해를 끼치면 안되겠다. 라는 생각으로 프로젝트를 시작했다. 물론 서로 돕는게 팀이라지만, 내가 민폐가 되어서는 안되니까 정말 열심히 해야겠다고 다짐...
저스트코드 풀스택 부트캠프 회고록
부트캠프를 시작한지 벌써 6주가 지났다. 블로그 작성에 게을렀던 지난 날을 반성하면서 작성하는 회고록 스타트 -🎬 1. 부트캠프를 시작하게 된 이유 처음 코딩을 접하게 된 계기는 유튜브 알고리즘이 추천해준 Interactive Developer님의 영상을 보고

MySQL : 기본 쿼리문과 JOIN문
1. MySQL이란? 화면과 만나던 프론트단을 지나 드디어 서버와 데이터베이스를 다루는 백엔드단에 접어들게 되었다. 그 중 DB를 만들고, 데이터를 조회, 수정, 삭제 등을 할 수 있는 mysql 툴에 대해 알아보고자 한다. mysql은 아주 널리 쓰이고 있는 RDBM

Node.js : node express로 서버 개설하기
1. 비슷한듯 다른 UI와 API UI(User Interface)는 사용자 인터페이스이다. 사용자와 사물(혹은 시스템) 사이에서 의사소통할 수 있도록 만들어진 매개체이다. 이 UI가 존재함으로써 사용자는 컴퓨터(사물)와 상호 작용할 수 있게 되는 것이다. UI에는 그

JavaScript - 동기와 비동기
1. 동기(Synchronous)와 비동기(Asynchronous) 동기 방식은 서버에서 요청을 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있다. = A 작업이 모두 진행될 때까지 B작업은 대기해야 한다. 비동기 방식은 요청을 보냈을 때 응답 상태와 상관없이 다음 동작을 수행할 수 있다. = A 작업이 시작되면 동시에 B 작업이 실행된다. s...

Javascript : 동기 비동기 개념과 예시
프로그래밍에 입문하면서 종종 들어왔지만, 애써 모른척 해왔던 개념이다.왜냐면 너무 어렵게 다가왔기 때문이다.솔직히 말하자면 개념자체가 어려운 것이 아닌, 단어가 어렵다고 생각한다.동기는 synchronous: '동시에 일어나는'의 의미를, 비동기는 Asynchronou

HTML/CSS/Javascript의 콜라보레이션
웹 프론트엔드를 처음 배울 때는 HTML, CSS를 같이 배우고, Javascipt를 따로 공부하다가 어느 시점이 되면 그 셋을 연결하는 방법에 대해 배우게 된다. 오늘은 그 하모니(Harmony)에 대해 이야기해 보고자 한다. 1. What is HTML, CSS,

Today I Learned - HTTP
HTTP는 HyperText Transfer Protocol의 약자이다. 즉, HTTP란 컴퓨터들끼리 HTML 파일을 주고 받을 수 있도록 하는 소통방식 또는 약속이다. 📌 HTTP의 특징 1. Request / Responsse (요청/응답) 전송은 보내는 주체와 받는 주체가 있다. 보내는 주체는 받는 주체에게 요청을 보내고, 받는 주체는 요청을 ...

HTML, CSS - position, display
1. position 속성 position 속성은 문서 상에 요소를 배치하는 방법을 결정한다. 1-1. static 위 사진의 노란색 박스의 position은 현재 static이다. static은 기본값으로, 요소를 HTML 문서에서 작성된 순서 그대로 나타낸다.

HTML/CSS : CSS를 이용한 HTML 레이아웃
CSS의 꽃이라 할 수 있는 레이아웃 속성 기초에 대해 알아보자! 1. box-model html 문서의 요소들은 기본적으로 박스 형태로 정의된다고 볼 수 있다. 쉽게 생각하면 웹페이지 레이아웃이란, 이런 박스를 상하좌우로 적절하게 배치하는 것을 말한다.

Javascript : Semantic web & tags
일단 semantic의 사전적인 정의는 '의미론의'라는 뜻을 갖는다.따라서 semantic web은 컴퓨터가 이해할 수 있는, '의미가 담긴' 웹을 말한다.웹서비스가 발전함에 따라 동적인 요소가 가미된 웹 2.0이 나타났고, 닷컴버블이 일어났을 정도로 비약적인 성장을
자기소개 페이지 만들기 - 구성하기
'자유롭게' 자기소개 페이지 만들기 과제를 받고 매우 신났던 과거의 나 ... 하고 싶은건 많지만 아직 부족한게 많기 때문에 간단한 구성과 코드를 꼼꼼하게 짜보기 두 가지에 포인트를 맞추어 진행해보기로 했다. 너무나 P인 사람으로 하고 싶은 건 항상 많지만 이것

Javascript : 호이스팅(Hoisting)
짤에서 세대 드러난다..동년배 여러분들.. 호이 호이 둘리는\~~ ?내가 이런 헛소리를 하는 이유는 '호이스팅'이라는 단어에 겁먹지 않도록 하기 위함이다!일단, hoist라는 영단어의 뜻을 알아보자.hoist 미국∙영국 hɔɪst : (흔히 밧줄이나 장비를 이용하여)

Javascript : 효율적인 반복문
앞서 반복문 글에 오류를 범해 다시 반복문을 자세히 공부하다보니 새롭게 알게된 내용들이 있어 공유하고자 글을 쓴다. 왜 증감문에 곱셈이나 나눗셈같은 연산을 넣기보다 i++나 i--를 넣고, 실행문에 해당 연산을 넣는지 그리고 그것이 왜 더 효율적인지에 대해 말해보고자
.png)
Javascript : 객체 속성 접근법 - Dot Notation / Bracket Notation
javascript에서 객체란, 속성과 타입을 가진 독립적인 개체(Entity)다.사람이라는 개체가 이름, 나이, 키, 직업 등의 속성을 갖는 것처럼 객체 역시 특징을 결정짓는 속성을 가진다.객체는 다음과 같이 중괄호 {}안에 속성(key) : 속성값(value)을 포
.png)
Velog 1차 피드백
사실 노션에 더 비중을 두고 배운 걸 정리해 왔는데,velog를 쓰면서 다른 사람들과의 상호작용을 통해 얻어가는 게 참 많았다.특히 내가 안다고 생각했던 것이 진짜 아는 게 아니더란,,'메타인지'는 바로 이렇게 내가 무엇을 모르는 지 정확하게 아는 것이다.해당 지능은