ALL

[회고] 코드스테이츠 FE 섹션 1 회고

목표가 무엇이었는지? 기본기 있는 개발자 되기. 코스를 처음 시작하며 정했던 목표이다. 지금도 이 목표는 그대로이다. 다만 구체적인 기간을 추가하자면 내년 상반기에는 개발자로써 첫 커리어를 시작할 수 있도록 하고싶다. KPT 회고 KEEP 기본기에 충실하고자 코스에서 다루는 내용은 조금 알고 있어도 더 깊이 알고자 스스로 공부했다. 배운 내용을 잊지 않고 또 나의 언어로 정리해두기 위해서 블로그를 적극적으로 활용했다. 목표 달성을 위한 계획을 세우고, 상황에 맞게 지속적으로 업데이트 했다. 조급하거나 일정에 쫓기지 않고, 혹시 쫓기더라도 평정심을 유지하려고 노력했다. 계획에 변동이나 차질이 생기면 불안한 마음이 드는데, 거기에 흔들리지 않고 최대한 해결하려고 노력했던 것 같다. 추가로 알고리즘 스터디에 ..

[Day 19] 2022-0719 : solo 프로젝트 마무리

오늘 배운 것 미니 해커톤 : 나만의 아고라 스테이츠 만들기 완성! + 깃헙 페이지 배포 My Agora States kimploo / 2022-04-22T14:08:33Z hyejj19.github.io 페이지네이션/ 로컬 스토리지 저장기능 구현 새롭게 알게된 것 Date 객체의 toLocaleString() 메서드로 날짜와 시간 포맷 다듬어서 출력하기 : 무식하게 getDate, getHours로 하나하나 정렬해 주었는데, 이 메서드를 쓰면 나름 예쁘게 다듬어준다. new Date() // Tue Jul 19 2022 20:07:57 GMT+0900 (한국 표준시) new Date().toLocaleString() // '2022. 7. 19. 오후 8:08:25' // 다른 포맷의 날짜와 시간을 전..

[Day 18] 2022-0718 : solo 프로젝트 -1

오늘 배운 것 git 활용을 위한 기본 명령어 정리 [GIT] GIT 활용을 위한 명령어 정리 로컬 리포지토리 git init # 현재 디렉토리에 git repo 생성 git add . # 현재 변경 내용을 git의 관리 상태로 올려줌 (staging) git status # add 내용이 staging으로 넘어갔는지 확인 git com.. friedegg556.tistory.com 소수 판별 알고리즘 - 에라토스테네스의 체 풀이 정리 [알고리즘 JS] 프로그래머스 LV.1 소수 찾기 문제 https://school.programmers.co.kr/learn/courses/30/lessons/12921?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. ..

[알고리즘 JS] 프로그래머스 LV.1 소수 찾기

문제 https://school.programmers.co.kr/learn/courses/30/lessons/12921?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이 1 function solution1(n) { // 입력 : 2 이상 자연수 n // 출력 : 1과 n 사이의 소수의 갯수 let cnt = 0; for (let i = 1; i

[JavaScript] Promise

본 게시글은 한입 크기로 잘라 먹는 리액트 (인프런) 강의를 보고 정리한 내용입니다. 비동기 작업이 가질 수 있는 3가지 상태 Pending 대기상태 : 현재 비동기 작업이 진행 중 혹은 시작할 수 없는 문제가 있는 상황. Fulfilled 성공 Rejected 실패 비동기 작업은 한 번 성공하거나 실패하면, 그것으로 끝이 난다. Pending → Fulfilled : Resolve 해결 Pending → Rejected : Reject 거부 성공과 실패를 이렇게 두 가지 경우로 볼 수 있다. 비동기 처리 결과 핸들링 : 콜백 함수 버전 콜백 함수를 활용하여 비동기 처리의 결과를 성공 resolve, 실패 reject 로 핸들링. (promise 객체 사용 x) function isPositive(num..

[GIT] GIT 활용을 위한 명령어 정리

로컬 리포지토리 git init # 현재 디렉토리에 git repo 생성 git add . # 현재 변경 내용을 git의 관리 상태로 올려줌 (staging) git status # add 내용이 staging으로 넘어갔는지 확인 git commit -m "commit message" # 커밋 + 커밋 메시지 입력 git log # 현재까지의 커밋 로그를 확인할 수 있다. git reset HEAD~1 # 현재 시점부터 입력된 숫자 만큼 커밋을 되돌릴 수 있다. 커밋 메시지 작성 예시 git commit -m "feat: 인스타 게시글 조회 페이지네이션" 타입과 변경 내용을 간결하게 작성 자주 커밋하여 쉽게 복원할 수 있고, 코드 수정 당사자가 누구인지 확인할 수 있도록 함. (기능별로 포인트를 나누자)..

[TIL] 2022-0716

오늘 배운 것 git CLI 로 원격 레포에 commit & push 하는 방법 git init # 현재 파일과 git 연동 git add . # 현재 변경사항 스테이징 git commit -m "commit message" # 윈도우의 경우 커밋 메시지를 꼭 쌍따옴표로 감싸야 에러가 안난다. #OR git commit -am "commit message" # add 과정과 message 작성 과정을 동시에 진행할 수 있다. git push # 현재 커밋 내용 push localeCompare 메서드 a 와 b가 있을 때, a.localeCompare(b) 를 실행하면, a b 라면 1, a === b 라면 0을 리턴한다. 이 메서드를 sort 메서드에 compareFuncti..

[JavaScript] 동기와 비동기

본 게시글은 한입 크기로 잘라 먹는 리액트 (인프런) 강의를 보고 정리한 내용입니다. 동기 처리 방식 & 비동기 처리 방식 동기 처리 방식 : Synchronous 코드가 작성된 순서대로 처리한다. 한 번에 하나의 요청을 처리하며, 다음 요청이 실행되지 않도록 막는 블로킹 방식이다. 문제점은 수행해야 하는 하나의 작업이 너무 오래 걸리면, 다음 작업이 시작되기 까지 오래걸리고, 또 그 작업이 끝날 때 까지 기다려야 하기 때문에 느리다. 비동기 처리 방식 : Asynchronous 하나의 요청이 끝날 때 까지 기다리는 것이 아니라, 끝나든 말든 그냥 다음 요청을 실행하는 것이다. 다음 요청이 실행되는 것을 막지 않는 논블로킹 방식. 그러면, 비동기 처리 방식에서는 각 요청들이 끝난 것을 어떻게 확인할 수 ..

[Day 17] 2022-0715 - 회원가입 페이지 유효성 검사

오늘 배운 것 회원 가입 페이지 유효성 검사 로직 구현 실습, CSS 작성 이벤트 객체 개요 새롭게 알게된 것 오늘은 어제까지 완성한 유효성 검사에 이어서, 버튼 활성화 기능을 구현했다. 모든 입력값이 정확하게 입력되었을 때만 실행될 수 있도록 모든 유효성 함수의 리턴값을 체크하고 실행할 수 있는 함수를 구현하였다. // input 값 여부에 따라 버튼 활성화 function checkSignup() { let id = elInputUsername.value; let email = elInputEmail.value; let pw1 = elPassword1.value; let pw2 = elPassword2.value; if (isMoreThan4Length(id) && isRightFormat(email..

[Day 16] 2022-0714

오늘 배운 것 DOM 개념 정리 : HTML 문서를 객체화 하여 프로그래밍 언어로 조작할 수 있게 만든 표현. node > element : 요소는 노드의 한 종류이다. 노드의 종류는 요소, 텍스트, 주석 등이 될 수 있다. remove 와 removeChild의 차이 remove() : 노드 삭제 후 종료 removeChild : 부모 ~ 자식 관계 끊은 후 그 자식 노드를 리턴. 변수에 담아 재활용 할 수 있다. DOM : Document Object Model DOM 이란 무엇인가? DOM 이란 ? Document Object Model 의 약자로, HTML 요소를 Object 처럼 조작할 수 있는 모델이다. DOM 을 활용해 HTML로 구성된 웹페이지를 동적으로 움직이게 만들 수 있다. 아주 중요..