DevLog 👩🏻‍💻 software engineering bootcamp

How to search Google 검색시 "how to" 는 마법의 단어 ! i.e.) how to use Array.forEach in javascript? Google Search Tips ⬇️ 20 Google Search Tips to Use Goo

첫 페어프로그래밍 한 날. 기수이동을 하신 분과 매칭되었는데 (난 31기, 페어분은 30기), 첫번째 시험에서 실력부족을 느끼고 기수이동을 선택했다는 말을 듣고, 조급하게 코딩을 배우면 안되겠다는 다짐을 하게 되었다. 남들보다 뒤쳐진다고 의기소침하지 말기 ❗️ 다 자신

조건문은 다음과 같이 쓸 수 있다.학생이면서, 여성일 때 통과학생이거나, 여성일 때 통과학생이 아니면서, 여성일 때 통과NaN = not a number

멘붕의 날이었다.오후 내내 코플릿 문제를 5개정도밖에 풀지 못해 좀 많이 힘들었다. 예상했던 결과였음에도 중간중간 스트레스를 많이 받았다. 그래도 어찌저찌 풀어나가긴 했다.📌 절대값의 차이를 구하는 식 (- 노상관)

HTML 속성(attribute)는 2가지로 구성된다.attribute name : 속성의 이름 (→ class)attribute value : 속성의 값 (→ "paragraph")▪️ htmlheadtitle : Page titlebodyh1: Hel

'계산기 만들기' 하는 날.처음 웹에 구현해보는 날이라 설렜다. 일주일동안 배운 걸 실현해보는 느낌이랄까.근데 페어 프로그래밍을 하면서,일주일간 배운 문법 활용 30% + 새로운 메소드 (공식/개념) 70% 이라는 느낌을 받고개인학습 시간을 가지며 혼자 구글링으로 HT

하루종일 계산기 만든 날.Advanced 풀기는 역시 어렵다. 이해 안되는 개념들이 많아서.내가 만든 계산기. 뿌듯.

Linux 운영체제 환경에서 CLI 이용하는 방법은 개발자가 되기를 원하는 사람이라면, 반드시 학습해야 한다 ❗️GUI가 PC(Personal Computer, 개인 컴퓨터)시장을 지배하게 되었지만, CLI는 여전히 여러가지 측면에서 유리합니다. 대표적으로 아마존 웹

▶️ 개발자의 코드를 효율적으로 관리하기 위해서 개발된 ‘분산형 버전 관리 시스템’하나하나 날짜별로 어떤 파일이 어떻게 바뀌었는지 확인 가능이렇게 특정 시점에 생성된 백업 복사본 = 'snapshot'스냅샷을 만들어 주는 작업 = 'commit'▶️ Git Reposi

배열 = array객체 = obj.📌 str0문자열의 0번째 index 출력'this' 라는 string(문자열)이 있을 때,str1 입력하면,this의 첫번째 index인 t 출력..📌 array1배열의 1번째 index 출력.📌 array.slice(sta

전체 셀렉터 \*{ } 는 전체 범위, 즉 모든 element를 선택한다.ID 셀렉터 \`Class 셀렉터 . 엘리먼트 {...} .remark {...} : class가 remark인 element를 선택한다 .widget {...} : cl

변수에는 하나의 데이터만 담을 수 있다. 원시 자료형(primitive)은 값 자체에 대한 변경이 불가능(immutable)하지만, 변수에 다른 데이터를 할당할 수는 있다.지역 변수(local scope) 가 전역 변수(global scope)보다 우선순위가 높다❗️동

사용법1사용법2.정해지지 않은 수(an indefinite number, 부정수) 인수를 배열로 나타낸다.

console.dir (document.body.children) ▶️ HTML의 부분의 자식 엘리먼트 조회하는 명령어console.dir (document.body.children1) ▶️ HTML 부분의 index 1번째 자식 엘리먼트 조회.1\. CREATE새로

고차함수(higher order function)란? ▶️ 함수를 인자(argument)로 받을 수 있고, 함수의 형태로 리턴할 수 있는 함수 변수 square에 함수를 할당하는 함수 표현식 : 자바스크립트에서 함수는 일급 객체이기 때문에 변수에 저장할 수 있다.

코드만 보고 application을 떠올릴 수 있게끔 하는 명시적인 React선언형 (declarative) React는 한 페이지를 보여주기 위해 HTML/CSS/JS로 나눠서 적기보다는하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향

▶️ Props : 외부로부터 전달받은 값 (이름, 성별) 컴포넌트의 속성, property▶️ State : 내부에서 변화하는 값 (나이, 현재 사는 곳, 취업여부, 결혼/연애 여부)HTML way: <a href="www.codestates.com">Clic

객체지향 프로그래밍 why??? ▶️ 사람이 쓰기 좋은, 보기 좋은 코드 만들기 위해📌 객체에서 '속성(property)'이라는 용어는 키-값 쌍을 의미한다 !class는 일종의 원형(original form)으로, 객체를 생성하기 위한 아이디어나 청사진(bluepr

섹션 2 재수생입니다 ~~

📌 JSON.stringify는 객체를 JSON으로 변환하는 메소드 !📌 JSON 이란?📌 JSON 기본 규칙<키> JS 객체: 키는 따옴표 없이 쓸 수 있음 JSON : 반드시 큰따옴표를 붙여야 함<문자열 값>JS 객체: 문자열 값은 어떠한 형태의 따

섹션 3 재수생입니다 ~~

화살표함수는 return 생략 가능❗️{} 로 묶으면 function(){} 과 같다.() => () 이렇게 된다면 ()안의 값이 return값이다. ⬇️.then( (결과) ⇒ ( 결과.json( ) ).then( (결과들) ⇒ {re

비동기 부분은 나중에 꼭 다시 몇 번 더 복습해야겠다.기본적인 사용은 익숙해졌지만 비동기를 완벽히 이해하고 쓴다는 느낌은 받지 못하고 있다. 주어진 문제는 풀 정도이지만, 상황에 맞게 promise를 잘 이용해서 스스로 코드를 짤 자신은 없달까.👉 비동기적으로 일어나

⭕️ displayName() 이냐, return displayName; 이냐의 차이 ❗️▶️ displayName() (displayName함수를 실행) → 부모함수만 치면 정상 작동 ▶️ return displayName; (displayName함수를 리턴) → 밑

Section2~Section3 월수금 주3일 2달간 진행했던 알고리즘 스터디가, 이번기수에는 두분이 프로젝트로 올라가면서 주춤하는 듯 싶다. 아마 앞으로 최소 한달 반동안은 진행이 어려워보인다.대신 나와 비슷한 레벨인 것 같은 두분과 인프런 강의를 따라하면서 학습하는

☑️ sudo : 일반 사용자가 root권한을 빌려서 명렁어 실행할 수 있는 커맨드 모든 디렉토리나 파일에 접근할 수 있고, 수정, 생성, 삭제까지 진행가능☑️ su : 계정 전환 (su 계정명) user를 root 권한으로 바꿀 수 있다. root: 해당 시스

3-tier : 클라이언트, 서버, 데이터베이스자연스럽게 나뉘어진 결과나뉘어져 있어 오류 잡기 수월세분화, 전문화 인력 가능 1️⃣ 접속 mysql -u root -p'비번' (short option)mysql —user root —password='비번'

Model , Controller , View이 유닛의 스프린트에서는 쇼핑몰을 예제로 상품 정보와 주문자 관리, 그리고 주문 내역을 데이터베이스에 저장하고 불러오는 것과 MVC 패턴으로 코드를 작성하는 방법을 연습합니다.client 와 database는 직접적으로 소통

LEFT : JavaScript로 만든 수도코드(OOP) | RIGHT : 관계형 데이터베이스LEFT : person.phone이 배열형태로 나타남! 어라랏 원래 OOP에서는 객체로 나타내는데!✅ 객체지향에서 데이터를 다루는

인프런 스터디는 잘 진행되고 있다.server부분 하다가 이제 client부분으로 넘어가는데,코드스테이츠에서 100% 이해하지 못하고 넘어갔던 개념이나 배웠는데 까먹은 것들을 다시 복습할 수 있어 유익하다.node_modules와 package.json의 역할, 그리고

해시 함수SHA-256 알고리즘을 사용했을 경우 출력값의 길이는 언제나 동일하다→ SHA-256 알고리즘을 사용했을 경우 출력값의 길이는 입력값의 길이와 관계없이 언제나 256비트(64 글자)다.해시 알고리즘은 특정 입력값에 대해 항상 같은 해시값을 리턴한다.→ 이 점

허허.. 나에게 AWS 과금이 물렸다. 분명히 몇주전에 instances 삭제도 했는데 $5.45 가 찍히다니. Support Center 에 문의를 했다. (나중에 알고보니 문의 시 Billing category를 선택하면 chatbot을 사용할 수 있는데, 나는 그

<Token 기반 인증방식 스프린트 중> Client측에서 axios를 사용하여 get/post 요청(req)를 하고 res를 server에서 받아오는 과정에서,헤더를 보내는 정해진 형식이 있다.Example)headers: { ‘content-Type': 'ap

Redux 란 ? 상태관리 라이브러리 Redux 왜 쓰는가 ? state 상태변경을 더 적은(less) 코드로 할 수 있다. Redux 쓰지 않는 경우, button 누르면 배경 색깔이 다르게 바뀌는 component가 2개 있다 치면, 4개의 로직이 필요하다

팀원들과 토이 프로젝트를 진행해 보았다.프로젝트 아이디어와 대강의 구성 정하는 데 하루, component 짜는 데 하루정도 소요했다.이 정도 정해놓고 프론트엔트 팀원들이 각자 Header/Login/MyPage 중 한가지를 맡아 약 2시간정도 각자 구현해보고, 코드

오후 1시부터 팀 회의를 했다. 각자 만든 웹페이지 공유부터 시작했다. 내가 구현 못한 것 : nav의 탭을 클릭하면 색깔이 바뀌는 동시에 특정 페이지로 link 되는 기능.오후 7시쯤 종료했다.다 배우는 단계니까 주눅들지 말고 내가 최대한 잘 배워갈 수 있는 환경 조

2022.01.17사랑 page / 이별 page 로 나누기로 했지만 이별에 너무 중점을 두면 좀 그렇지 않냐는 의견이 나와서, 이별 페이지는 그냥 boards의 sub-category인 이별게시판으로 만들기로 정했다.Team Rules (commit message는

2022.01.18기능 ToDo List 중요도 체크 참여Wireframe 작성 시 page layout 디자인 참여KPT 회고 작성 참여처음으로 팀 프로젝트를 하기 때문에, SR 기획 절차에서 내부적으로 의견이 통일 되지 않아서 다소 혼란스럽고 시간이 지체되었던 시행

cmd + scroll = 확대,축소 | inner 1100 | sanity.io | db schema 로직

드디어 프로젝트 첫째주 금요일이다. 프로젝트 기간 시작 전 미리 준비를 해서 SR단계는 고작 2-3일 걸릴 줄 알았는데 5일이나 걸려버렸다. 우리 팀이 처음부터 아주 꼼꼼하게 문서 작성을 해서 오래 걸린 면도 없잖아 있는 것 같다. 사실 그 과정에서 '필요 이상으로 꼼

2022.01.24.MonMyPage 구현 로그인 여부 및 접근 권한 확인유저 정보 렌더링username 변경 로직 구현password 변경 모달 팝업 구현회원 탈퇴 구현MyPage-couple 구현커플 신청 대상자 username 타당성 검사 후 정보 전달커플 신청

반응형 웹사이트 만들 때는 px 보다 % 가 적합하다. (px는 화면크기를 조정했을 때 화면에 맞게 글씨가 이동하지 않음)

First Project 회고 및 보완점 | Today's problems, Tomorrow's contribution | Errors (map 사용 시 소괄호와 중괄호)

내가 보려고 만든 간단한 Redux 사용법이다.

Today's contribution, Today's problems, To-Do

Today's contribution, Today's problems | 결국엔 소셜 로그인 | Today I Learned

클래스형 컴포넌트 ➡️ 함수형 컴포넌트 | kakao에서 인가코드 받기 | useState 초기상태가 여러개일때 | GET Error- 404 not found

주소 없는 페이지로 redirect | .env 파일 설정 | 소셜로그인- email이 들어오지 않는다? | useEffect

react icons | 아이콘 클릭 시 모달창 띄우기 | onClick={()=>func()} 형태 해석과 비교 (return있는 함수, 없는 함수)

[Error] node_modules/path-to-regexp | http -> https 배포 | multer 로 노드 서버에 이미지 저장하기 | git stash, merge, temp

[Error] TypeError: Router.use() requires a middleware function | checkbox vs. radio button | useRef

Re-Rendering 방지 | DOM 요소에 접근 | e.target.value, e.target.name

소-샬 로그인 | multer 사용하여 image 주고받기 | 이미지 미리보기 | onKeyPress | Optional Chaining

버튼/모달 클릭 시 그에 따른 페이지 이동시키기

radio button에서 이전 값 가져와 반영하기 (defaultChecked)

파일 업로드 버튼 꾸미기

근데 이제 fetch 와 axios 를 곁들인.

대장정이 끝났다.

JavaScript | Node.js | npm

MongoDB에 연결하기 | 명령어

어떠한 계획을 세웠을까용

타입스트립트를 global로 설치 (어디서나 실행가능하게끔)tsc는 TypeScript compiler의 약자. TypeScript compiler를 사용하겠다는 명령어.test.ts는 파일명.tsc는 TypeScript코드로 쓰여진 test.ts파일을 JavaScri

Object를 만드는 blueprint (청사진)Class 이전에 object를 만드는 기본적인 방법은 functionJavaScript에도 class는 ES6부터 사용가능OOP(객체지향프로그래밍)을 위한 초석TypeScript에서는 class도 사용자가 만드는 타입의