profile
FE 공부중
post-thumbnail

[후기] 프로그래머스 2023 Summer Coding 코딩 테스트 (JS)

프로그래머스에서 진행하는 스타트업 인턴 프로그램에 지원했고, 4월 29일에 코딩 테스트를 진행했다.허용 언어C, C++, C사용 언어JavaScript진행 시간13~15시 (2시간)문제 수: 알고리즘 3문제 + SQL 1문제 = 총 4문제해결한 문제 수: 알고리즘 2문

2023년 4월 29일
·
0개의 댓글
·

[TIL] tailwindcss 리터럴 적용 안되는 문제

리터럴로 적용할 className을 tailwind.config.js의 safelist 배열에 추가해서 해결했다.https://velog.io/@arthur/Tailwind-CSS-%EC%97%90%EC%84%9C-%EB%8F%99%EC%A0%81%EC%9C%

2023년 4월 17일
·
0개의 댓글
·

[알고리즘/JS] 그리디 - 결혼식 (인프런)

현수의 결혼식 3일동안 피로연 장소에 동시에 존재하는 최대 인원수 구하기.친구들은 몇 시에 와서 몇시에 떠날지 알려줌.각 인원의 오는 시간과 가는 시간이 배열로 주어짐. (5<=인원수<=100,000)시간은 첫날 0시를 0으로 해서 마지막날 밤 12시를 72

2023년 3월 21일
·
0개의 댓글
·
post-thumbnail

[MySQL] (M1 macOS) 그리드 클릭 시 "MySQLWorkbench 응용 프로그램이 예기치 않게 종료되었습니다."

M1 macOS (Ventura 13.0.1) 에서 MySQLWorkbench 8.0.32 버전을 사용 중 그리드 모양 (사진에서 가장 오른쪽 버튼) 클릭 시 "MySQLWorkbench 응용 프로그램이 예기치 않게 종료되었습니다." 라는 문구와 함께 프로그램이 종료되

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

[MySQL] (M1 macOS) Error: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (61) 해결

homebrew로 mysql을 설치하고 root 계정의 비밀번호를 잊어버려서 아예 mysql을 지웠다가 다시 설치했다. mysql을 지웠다가 설치해도 비밀번호 문제가 해결이 안되어서 삭제와 설치를 반복했다. 그 후 을 실행하자 이 에러를 맞닥뜨렸다. 한참 헤맨

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

[TIL] onKeyDown 두 번 실행 / KeyboardEvent와 isComposing

프리온보딩 기업 과제 수행 중 input창에 한글 입력 후 onKeyDown 이벤트 발생 시 해당 이벤트 핸들러가 두 번 호출되는 문제가 발생했다.(윈도우 사용자는 문제가 없었고, macOS 사용자에게 문제가 나타났다.)이는 입력창에서 한글을 입력할 때 글자가 조합 중

2023년 1월 14일
·
0개의 댓글
·
post-thumbnail

[회고] 사이드 프로젝트 - Gatsby로 블로그 만들기

7월부터 리액트, 타입스크립트로 간단한 웹 게임을 만드는 스터디 활동을 시작했었다. 이 스터디의 마지막 관문은 블로그를 만드는 팀 프로젝트였다. 그렇게 9월부터 3인이 한 팀이 되어 블로그 프로젝트를 시작했다. 블로그 사이트의 이름은 oreum이다. 팀원 중 한 분이

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

[React] 번들링, webpack

번들링 bundle은 명사로는 '묶음', 동사로는 '~을 마구 싸 보내다[밀어 넣다]'라는 뜻이다.

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

[회고] 2022년 8~9월

🔥 코드스테이츠 프론트엔드 부트캠프 최대 아웃풋이 되자.무엇이든 기록하는 습관주 2회 1시간씩 운동알고리즘 문제 풀이꾸준히 프로젝트 진행하려 함새벽형 인간이 되어버림.. 잦은 늦잠식습관 망가짐블로깅, 복습 안 함독서 안 함가장 시급하면서 가장 빠르게 시도할 수 있는

2022년 9월 24일
·
0개의 댓글
·

[TIL] CDD, useRef

부품 단위로 UI 컴포넌트를 만들어 나가는 개발 방법이다.React 환경에서 사용 가능한 CSS를 컴포넌트화 시키는 라이브러리다.Component Explorer(컴포넌트 탐색기)는 CDD(Component Driven Development)를 지원하는 도구 중 하나이

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

[UI/UX] Netflix의 UI

넷플릭스(영어: Netflix, Inc.)는 '인터넷(Net)'과 '영화(Flicks)'를 합성한 이름으로 전 세계 190개국 이상의, 2.1억 명의 회원을 보유한 스트리밍 엔터테인먼트 기업으로서 영화와 드라마, TV 프로그램, 다큐멘터리, 애니메이션 등의 매우 다양한

2022년 8월 25일
·
0개의 댓글
·

[UI/UX] UI와 UX

UI란 User Interface 의 약자로 사용자가 컴퓨터와 상호작용하는 시스템을 의미한다.GUI는 Graphic User Interface 의 약자로 사용자가 그래픽을 통해 컴퓨터와 상호작용하는 시스템을 의미한다.현재 사용하는 대부분의 OS, 애플리케이션이 GUI로

2022년 8월 23일
·
0개의 댓글
·

[회고] 2022년 7~8월

🔥 부트캠프 최대 아웃풋이 되자.무엇이든 기록하는 습관주 2회 1시간씩 운동게임하는 빈도 감소 (주 2~3회)스터디, 프로젝트 등을 통해 배운 것을 활용함늦은 취침과 늦은 기상게임을 새벽까지 하는 습관블로깅, 복습 안 함독서 안 함가장 시급하면서 가장 빠르게 시도할

2022년 8월 18일
·
0개의 댓글
·

[JavaScript] CORS, SOP

‘같은 출처의 리소스만 공유가 가능하다’는 정책프로토콜, 호스트, 포트의 조합을 말한다.URI를 비교했을 때 이 중 하나라도 다르면 동일한 출처로 보지 않는다.교차 출처 리소스 공유를 뜻한다.mdn - 교차 출처 리소스 공유 (CORS)교차 출처 리소스 공유(Cross

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

[CS] REST API와 Open API

REST API의 REST는 “Representational State Transfer” 의 약자이다.REST는 HTTP를 잘 활용하기 위한 원칙이고, 이 원칙을 잘 지킨 API를 RESTful한 API 즉, REST API라고 말한다.REST API는 HTTP 프로토

2022년 8월 5일
·
0개의 댓글
·

[JavaScript] 프로토타입 (Prototype)

프로토타입 .prototype .proto 클래스, 인스턴스, 프로토타입의 관계

2022년 7월 22일
·
0개의 댓글
·

[CS] 객체 지향 프로그래밍 (OOP)

객체 지향 프로그래밍(Object Oriented Programming, OOP)은 컴퓨터 프로그래밍 패러다임 중 하나로, 프로그램이 순차적으로 작동하는 절차 지향 프로그래밍과 달리 객체를 중심으로 작동하는 것을 지향하는 프로그래밍이다.객체 안에는 속성과 메서드가 함께

2022년 7월 22일
·
0개의 댓글
·

[TIL] JavaScript 객체 지향 프로그래밍

2022.07.22프로토타입

2022년 7월 22일
·
0개의 댓글
·

[JavaScript] 클래스와 인스턴스

클래스는 객체를 생성하기 위한 템플릿이다.같은 템플릿으로 여러 객체를 생성할 수 있다.책이라는 템플릿을 클래스로 작성한다면 다음과 같다.ES5 클래스 작성 문법ES6 클래스 작성 문법Book 클래스 내부에 작성된 author, title, price는 각각 Book 클

2022년 7월 22일
·
0개의 댓글
·

[회고] 2022년 6~7월

🔥 부트캠프 최대 아웃풋이 되자.Keep최근 운동을 시작하여 주 2회 이상 실천을 노력하고 있다.블로그를 작성할 때 다른 자료를 그대로 치는 것이 아니라 내가 설명할 수 있는 말로 작성하고 있다.해 뜰 때 취침하고 해가 중천일 때 기상하던 습관을 고치고 어두울 때 취

2022년 7월 20일
·
0개의 댓글
·