프론트엔드

우테코 3월 1주차 주간회고

우아한테크코스 4기 프론트엔드에서 시원한 콜라를 제공하고 있습니다. 부제: 시간 빠르네; 지난주 회고 https://kit-developer.tistory.com/29?category=1026272 우테코 2월 4주차 주간회고 우아한테크코스 4기 프론트엔드에서 시원한 콜라를 제공하고 있습니다 부제: 디자인 패턴...주화입마에 빠진걸까? 지난주 회고 - https://kit-developer.tistory.com/26 우테코 2월 3주차 주간회고 우아한테 kit-developer.tistory.com 이번주 회고 Facts (사실, 객관) 로또 미션 마무리 코어자바스크립트 학습 친구 아들 돌잔치 Feelings (느낌, 주관) 별거 아니라고 생각했던 로또 미션이 외통수가 되어 날아왔다. 미션 step2를 ..

[우테코] 로또 미션 step1 리뷰 모음

안녕하세요 우아한테크코스 4기 프론트엔드에서 시원한 콜라를 제공하고 있습니다. 로또 step1 미션이 끝나고 코드리뷰를 받았습니다. 그리고 모든 크루들의 코드리뷰를 '리뷰'하는 스터디에 참여 했는데 다음과 같은 내용을 준수 합니다. 우아한테크코스 미션 코드리뷰를 '리뷰'하는 스터디입니다. 주요 활동은 다른 크루들이 받은 좋은 코드리뷰들을 각자 분량을 나누어 정리한 후 함께 공유하는 것입니다. 목표는 클린 코드 및 클린 아키텍처 관련 역량 향상입니다. 음...일단 정리를 하긴 했는데 이걸 대외용으로(티스토리 블로그) 공개를 할까 생각했어요. 누군가에게 도움이 되길 바라면서! 본 포스팅의 내용은 주관적이기 때문에 관련 지식을 찾아 보셔야 합니다. 포스팅 내용이 문제가 될 시, 예고 없이 삭제될 수 있습니다...

webpack, babel 프론트엔드 개발환경 세팅

안녕하세요 우아한테크코스 4기 프론트엔드에서 시원한 콜라를 제공하고 있습니다. 이번주 webpack과 babel로 환경설정을 할텐데...webpack PTSD가 도져서 잠이 안온다.. 그래서 알아봤다 https://www.youtube.com/watch?v=zal9HVgrMaQ https://www.youtube.com/watch?v=LKkg0h7f6-U (세상에는 도움을 주시는 분들이 참 많음...) 빠르게 webpack + babel 로 프론트엔트 개발환경 세팅을 알아본다. 1. npm init -y package.json 파일 생성됨 2. npm install webpack webpack-cli —save-dev webpack과 webpack-cli 패키지 설치 (npm i webpack webpa..

innerHTML 사용하지마!

안녕하세요 우아한테크코스 4기 프론트엔드에서 시원한 콜라를 제공하고 있습니다. 코드리뷰 중 다음과 같은 피드백을 받았다. ...???innerHTML이 별로구나..처음 알았네요. 피드백을 받기 전까지는 innerHTML이 제 코딩 인생에 전부였지만, 이번을 계기로 innerHTML을 사용하면 안되는 이유와 innerHTML 속성의 대안에 대해 알아 보겠습니다. 목차 Node.textContent vs Node.innerText vs Element.innerHTML 2.XSS(Cross Site Scripting) 크로스 사이트 스크립팅 Element.insertAdjacentHTML() innerHTML의 대안 참고 1. Node.textContent vs Node.innerText vs Element...

우테코 2월 3주차 주간회고

우아한테크코스 4기 프론트엔드에서 시원한 콜라를 제공하고 있습니다. 지난주 회고 없음 이번주 회고 Facts (사실, 객관) 보이는 라디오 발표 git 강의 시청 Level1 자동차 경주 미션 마무리 미션 코드 리뷰 반영 E2E 테스트 코드 학습 Cypress 학습 자바스크립트 비동기 처리 학습 하루에 정한 일정을 소화하지 못함 주말에 친구랑 술먹음 Feelings (느낌, 주관) 많은 일정 속에서 보이는 라디오를 발표 한다는 것은 시간적으로 여유가 없었지만 막상 하다보니 즐겁고 딱딱하게 느껴졌던 우테코 생활이 한껏 부드러워졌다. git 명령어는 너무나 다양하구나! 코드 리뷰를 하면서 네이밍은 너무나 어렵고 정말...내 코드가 부끄럽다. 리뷰를 해주신 리뷰어 분께 감사할뿐! Cypress를 학습하고 E2..

자바스크립트 비동기 처리

안녕하세요 우아한테크코스 4기 프론트엔드에서 시원한 콜라를 제공하고있습니다. 자바스크립트에서 비동기 처리에 사용되는 callback함수, Promise, async/await에 대해 간단히 알아본다. 동기식(Synchronous)? 비동기식(Asynchronous)? 동기식은 작업 실행의 순서가 정해져 있어 순서대로 실행되는것을 말한다 console.log('1') console.log('2') console.log('3') /* 출력 1 2 3 */ 비동기식은 작업 실행의 순서에 상관없이 다음 순서의 작업이 실행되는것을 말한다. console.log('1') setTimeout(()=>{ console.log('2') },1000) console.log('3') /* 출력 1 3 2 */ 자바스크립트 ..

[프로그래머스]카카오커머스 개발자 영입 - 프론트엔드 개발 챌린지 1차 코딩테스트

1월 23일 토요일 14시~16시 카카오커머스 프론트엔드 개발 챌린지 1차 코딩 테스트가 진행되었습니다. 총 3문제로 모두 바닐라 자바스크립트로 푸는 문제 였고 문제의 난이도를 말해보자면 1,2번째 문제는 프로그래머스 1~2단계, 마지막 3번째는 프로그래머스 3단계의 난이도였다. 1,2번째 문제는 무난하게 풀었지만 역시나 3번째 문제에서 효율성은 하나도 못 맞췄다. 하지만 오늘 1차 코딩테스트 합격 통보를 받았다. 2차 코딩테스트는 과제 테스트 라는데 결과에 상관없이 공부한다는 마인드로 준비해 봐야겠습니다. programmers.co.kr/competitions/779/2021-kakaocommerce-fe-recruitment 카카오커머스 개발자 영입 - 프론트엔드 개발 챌린지 접수 21년 01월 04..

우아한테크코스 3기 프리코스 최종 미션(9) - 회고

2020년 12월 19일 오후 1시부터 6시까지 최종 테스트를 본 후기를 간략하게 가볍게 남겨본다. 우아한테코스 3기 프리코스 회고 코로나 19의 여파로 이번 시험은 온라인으로 치러졌습니다. 시험 시작 전 핸드폰으로 ZOOM 화상회의에 접속해서 신분증 검사를 했고 시험 시간 내내 줌을 통한 시험 감독이 이루어졌습니다. 줌을... 처음 접했던... 다른 지원자분들의 키보트 치는 소리가 아직까지 생생하게 들리듯 하네요 하하하... 집중이 전혀 안돼서 폰을 만지작만지작 소리를 어떻게 줄이지? 10분 동안 고민을 했던 것 같습니다. 결국 문의를 보냈는데 코로나 X%$!%@$&!%^@ 원래였으면 오프라인 시험인데... 핸드폰 소리를 줄여도 보고 설정도 들어가보고 이것저것 하다 제 귀가 감당할 정도의 소음의 크기가..