profile
Programmer
post-thumbnail

[회고] 우아한 테크코스 5기 4주차 회고 (with MVC, 싱글톤)

우테코 4주차까지 모두 완주하신 분들 다시 한 번 고생하셨습니다. 🎉🎉이번 프리코스 동료분들과 코치분들이 있었기에 저도 4주차까지 모두 완주할 수 있었고 크게 성장할 수 있었습니다. 정말 감사드립니다!!본 회고는 이번 4주차 미션을 진행하면서 어떤 걸 공부하고 가장

4일 전
·
0개의 댓글
·
post-thumbnail

[회고] 우테코 프리코스 5기 3주차 회고

본 회고는 3주차 미션 수행을 하면서 제가 어떤 식으로 구현을 해내고 객체 설계 및 분리를 하려고 했는지 과정을 중심으로 작성한 글입니다. 코드 보러가기앞서 우테코 2주차 미션에서 TDD를 해본 경험을 토대로 내가 생각하는 이상적인 TDD 개발방식을 정의했었다.더 자세

2022년 11월 15일
·
0개의 댓글
·
post-thumbnail

[JS]로 알아보는 DI vs IOC vs DIP

학습목표 객체 설계 시 객체의 종속성을 낮추고 DI, IOC, DIP를 학습하면서 객체 시 좀 더 느슨한 결합을 통해 유지보수하기 좋은 코드를 만들 수 있다. IOC(제어의 역전)이란? > IOC(Inversion of Control) 소프트웨어 공학에서 제어 역전

2022년 11월 15일
·
2개의 댓글
·
post-thumbnail

[회고] 우테코 프리코스 5기 2주차 회고

본 회고는 2주차 미션 수행에 대한 코드 설명보다는 2주차 미션의 핵심 키워드인 TDD와 설계를 어떻게 하려고 노력했는지 작성한 글입니다. 😵‍💫 TDD(테스트 주도 개발)는 처음이라... TDD는 이번 생에서 처음이라 2주차 미션인 숫자 야구 게임 미션을 통해

2022년 11월 8일
·
2개의 댓글
·
post-thumbnail

[회고] 우아한 테크코스 5기 프리코스 1주차 회고

본 회고는 1주차 문제에 대한 풀이보다는 각 문제를 풀면서 어떤 고민을 하고 해결했는지를 초점에 두어서 작성하려고 합니다. 고민 1 > 단순 구현이 아닌 코드

2022년 11월 1일
·
3개의 댓글
·
post-thumbnail

[JS] 좋은 객체 지향 설계를 위해서(/w SOLID)

이전 블로그 내용에서 객체지향 프로그래밍에 무엇인지 이해하였다. 아직 못 보신 분들이 계시다면 객체지향 프로그래밍에 대해 글을 한 번 보세요 ㅎㅎ > 목표 : 대규모 소프트웨어 개발을 위해 유연하고 변경이 쉽게 객체를 구현하기 위해 어떤 방법으로 객체를 설계하는지 알아

2022년 10월 31일
·
0개의 댓글
·
post-thumbnail

[JS] 객체지향 프로그래밍에 대해

목표: 객체지향 프로그래밍에 대해서 살펴보고 javascript로 어떻게 구현할 수 있는지 알아보자. 객체지향이란?객체지향 프로그래밍은 컴퓨터 프로그래밍의 패러다임 중 하나이다. 객체 지향 프로그래밍은 컴퓨터 프로그램을 명령어의 목록으로 보는 시각에서 벗어나 여러 개의

2022년 10월 30일
·
0개의 댓글
·
post-thumbnail

함수형 프로그래밍에 대해

함수형 프로그래밍이란??명령형 프로그래밍을 기반으로 개발했던 개발자들은 전역 데이터가 많이 있는 스파게티 코드를 유지 보수하는 일이 굉장히 힘들다는 것을 깨닫고, 선언형 프로그래밍의 일종인 함수형 프로그래밍 패러다임을 적용했다. 함수형 프로그래밍은 거의 모든 것을 순수

2022년 10월 30일
·
0개의 댓글
·
post-thumbnail

프로그래밍 패러다임에 대해(선언형 vs 명령형)

프로그래밍 패러다임은 프로그래머에게 프로그래밍의 관점을 갖게 하고 코드를 어떻게 작성할 지 결정하는 역할을 한다. 새로운 프로그래밍 패러다임을 통해서 새로운 방식으로 생각하는 법을 배우고, 이를 바탕으로 코드를 작성한다. 최근 프로그래밍 패러다임은 크게 명령형 프로그

2022년 10월 30일
·
0개의 댓글
·
post-thumbnail

[준승's portfolio] 3차 배포 스프린트

🌈 구현 기간 기간 1 : (스크롤 시 페이드인 효과 구현) 2022.09.23 ~ 2022.09.26, 기간 2 : (모바일 반응형 구현) 2022.10.23 ~ 2022.10.25 > 🌈 배포 https://hwjs-portfolio.vercel.app/ >

2022년 10월 25일
·
0개의 댓글
·
post-thumbnail

[최종 탈락] 프로그래머스 데브코스 프론트엔드 3기 지원 후기 (feat. 번아웃이 왔다감ㅜ)

데브코스 지원 목적 1. 동료와의 재미있는 학습과 커뮤니티 컴퓨터공학과 4학년 학생이기는 하지만 개발 공부를 늦게 시작하기도 했고 무엇보다도 주변 동기들은 프론트엔드 개발자를 꿈꾸는 친구들이 없었다ㅜㅜ. > 개발자에게 잡담은 곧 경쟁력이다!! 이번

2022년 10월 18일
·
0개의 댓글
·
post-thumbnail

[JS] 스크롤 시 페이드 인(Fade IN) 구현 (feat. 성능 비교, Intersection Observer API)

스크롤 시 페이드 인(Fade IN) 애니메이션 구현코드 설명성능Observer API를 사용한 스크롤 시 페이드 인(Fade IN) 애니메이션 구현코드 설명성능 비교!codesandboxscrollfadeinnotuseobserverapi-8z2ixrDOM 객체가 화

2022년 9월 27일
·
0개의 댓글
·
post-thumbnail

[준승' portfolio] 2차 배포 스프린트

🌈 구현 기간기간:2022.09.11 ~ 2022.09.13🌈 배포https://hwjs-portfolio.vercel.app/🌈 기능 추가1\. 내 소개 페이지 구현2\. 컨텐츠 내용 변경간단하게 작성한 텍스트를 내가 원하는 곳에 배치 시키면 된다. 1

2022년 9월 13일
·
0개의 댓글
·
post-thumbnail

[TS] type과 interface 당신의 선택은?

타입스크립트에는 type을 명시하는 두 가지 방법이 존재한다. 바로 type과 interface이다. 하지만 type과 interface로 타입을 지정해 보았을 때 별다른 차이점이 없다는 것입니다. 타입스크립트는 명시적 타이핑 기법이 아닌 구조적 타이핑 기법이다. 즉,

2022년 9월 13일
·
0개의 댓글
·
post-thumbnail

[준승's portfolio] 1차 배포 스프린트

⛳️ 프로젝트 간단한 소개 > 🌈 구현 기간 기간: 2022.08.22 ~ 2022.08.29 > 🌈 배포 https://hwjs-portfolio.vercel.app/ > 🌈 용도 컴퓨터공학과 4학년이 되고 취업하기 위해 내 프로젝트와 자기소개를 하는 간단한 웹

2022년 8월 30일
·
0개의 댓글
·
post-thumbnail

네트워크

복잡한 인터넷 망으로 연결되어 있다.수많은 중간 노드(서버)들을 거쳐서 메세지를 전송하고 있다.ip 주소 부여지정한 IP 주소(IP Address)에 데이터 전달패킷(Packet)이라는 통신 단위로 데이터 전달IP 패킷 정보클라이언트에서 출발지와 목적지가 담긴 IP 패

2022년 7월 2일
·
0개의 댓글
·
post-thumbnail

옵저버 패턴에 대해

아래 그림처럼 유튜버가 구독자 한 명 한 명에게 구독자 알림을 보내지 않듯이 옵저버 패턴도 마찬가지로 구독자들에게 <span style = "background :   옵저버패턴이란 객체의 상태 변화를 관찰하는 관찰자들, 즉 옵저버들의 목록을 객체에 등록하여

2022년 6월 8일
·
0개의 댓글
·
post-thumbnail

Javascript로 Deque를 직접 구현하는 이유

 Javascript로 Queue자료형을 통해 BFS관련 로직을 짜려고 하였다. 하지만 기존에 사용하던 python과는 다르게 <span style='background-color:   대신 javascript에는 배열의 첫번째 요소를 뽑아먹을 수 있는 shift

2022년 5월 18일
·
0개의 댓글
·
post-thumbnail

슬라이더 구현

코드코드 구현 설명!codesandboxcarousel-emielm슬라이더를 구현하기 위해서는 다섯가지 슬라이더 블록을 한 곳에 모두 겹치게 하여 .active, .prev, .next에 각각 css 스타일링을 부여하여 구현할 수 있다. .active : 겹쳐지는 다섯

2022년 4월 15일
·
0개의 댓글
·
post-thumbnail

progress bar 구현

목차 코드 코드 설명 1. 코드 !codesandbox[progressbar-bef3gn] 2. 코드 설명 a) 브라우저의 요소 사이즈와 스크롤에 대한 이해 우리가 사용하는 자바스크립트는 브라우저의 요소의 높이나 너비를 계산해주는 관련 객체를 제공해줍니다. 프

2022년 4월 13일
·
0개의 댓글
·