post-thumbnail

Import 자동 정렬을 적용해 보셨다면, CSS 속성도 자동 정렬해 보시는 건 어떨까요 ?

(vsc 기준으로 작성된 글입니다) 아무것도 모르던 코린이가 첫 팀 프로젝트에서 import 구문을 저장 (ctrl + s) 한 번에 촤라락 정렬이 되는 것을 보고 '와 대박!'을 외쳤던 일이 생각나네요 ㅎㅎ 적용하게 된 계기 데브코스에서 첫 팀 프로젝트를 경험했을

2024년 4월 1일
·
2개의 댓글
·
post-thumbnail

CSS 속성 정렬 순서에 대해 아라보자.

데브코스에서 1, 2차 팀 프로젝트에서 styled-components, emotion 같은 css-in-js 라이브러리를 사용하여 css 코드를 작성하였습니다. 이 라이브러리 기준으로 css 자동 정렬 기능을 적용시켜보게 되었고, 이때 어떻게 css 정렬을 하는게

2024년 4월 1일
·
0개의 댓글
·
post-thumbnail

프로그래머스 FE 데브코스 5기 12월~1월 MIL 회고

이번 회고 글까지 총 4번의 MIL을 작성했지만, 기존 팀원들과 헤어지고 작성하는 MIL은 뭔가 더 무거운 느낌이 드는 것 같다.1차팀때도 그랬지만 많이 부족한 본인을 함께 앞으로 나아갈 수 있게 도와준 팀원분들께 항상 감사한 마음을 가지고 있고, 더군다나 이번 팀 프

2024년 1월 24일
·
0개의 댓글
·
post-thumbnail

프로그래머스 FE 데브코스 5기 11월~12월 MIL 회고

또 회고 쓸 날이 오다니. 정말 눈 감았다 뜨면 한 달이 뚝딱 사라지는게 참 신기하다. 또, 그게 벌써 3번이나 일어나 데브코스 기간이 절반이나 지나갔다. 아직도 실감이 잘 안나긴 한다 ㅎㅎ 슬 회고를 해보자. 이번 회고는 KPT 회고법을 사용해보고자 한다. Ke

2023년 12월 24일
·
0개의 댓글
·

프론트엔드 데브코스 5기 TIL - scss와 ts를 공부하며

데브코스에서 sass 과제를 내주었다.이를 위해 node-sass를 설치하여 진행하였다.LibSass (C/C++로 작성된 Sass의 구현체)에 바인딩된 Node.js 라이브러리이다.블로그에 있는 sass 셋팅 글을 읽고 그대로 따라했다.그리고 node 환경이기 때문에

2023년 11월 22일
·
0개의 댓글
·
post-thumbnail

프로그래머스 FE 데브코스 5기 10월~11월 MIL 회고

또 벌써 한달 ?? 저번 회고와 같다. 벌써 한달이 지나갔다니.. 정말로 눈 깜짝할 새 한달이 지나가버려서 아직도 실감이 나질 않는다. 10~11월에는 어떤 일이 있었나 크게 기억나는 일은 노션 클로닝 팀원들, 멘토님과의 만남 방학 새로운 팀 노션 클로닝

2023년 11월 22일
·
2개의 댓글
·

fetch 실행 시 프로미스의 응답 헤더에 관하여

노션 클로닝 과제를 진행하며 있었던 일이다. fetch()로 url에 있는 api 데이터를 가져오려는 코드이다. 에러 체크 후, res.ok 일때만 데이터를 리턴하는 코드이다. 처음에는 HTTP 에러 (400, 500번대)만 제하면 되겠지하고 안일하게 생각했다. 이

2023년 11월 18일
·
0개의 댓글
·
post-thumbnail

[React] Styled-Components 정리

css 모듈을 사용할 경우 가독성이 떨어지며, hover와 같은 속성을 사용할 수 없다.jsx 구문에서 props를 설정해주면 styled는 이를 받아올 수 있다.어떤 styled components를 가져와서 확장할 수 있다.태그 뒤에 .attrs({ }) 를 작성한

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

프로그래머스 FE 데브코스 5기 9월~10월 MIL 회고

아직도 믿기질 않는다 ㅎㅎ데브코스에서 매일 진행되는 코어타임, 폭풍같은 진도, 무급 야근까지.코딩 공부를 원없이 하고 있는 중이다.덕분에 이렇게 시간이 후딱 지나간게 아닐지.데브코스 초입인 JS 기초 파트에서는 모딥다에서 배운 내용과 알고리즘들을 빠르게 훑고 지나갔다.

2023년 10월 23일
·
0개의 댓글
·
post-thumbnail

프론트엔드 데브코스 5기 TIL 12일차

학습 내용 JS에서 this JavaScript의 this는 함수가 어떻게 호출되었는지에 따라 달라집니다. a

2023년 10월 4일
·
0개의 댓글
·
post-thumbnail

프론트엔드 데브코스 5기 TIL 11일차

오늘은 DOM에 관해 배웠습니다.현재 데브코스를 진행하며 팀원분들과 모딥다 스터디를 진행하고 있습니다.덕분에 복습하기 좋은 시간이었습니다.정리한 내용은 깃허브 레파지토리에서 확인하실 수 있습니다.돔 조작은 리플로우, 리페인팅이 발생하게되어 많은 비용이 발생하게 됩니다.

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

프론트엔드 데브코스 5기 TIL 10일차

모든 경우의 수를 탐색하는 알고리즘이다.DFS or BFS를 사용 가능하다.(효율을 위해 탐색하지 않아도 되는 곳을 미리 막는 것이 중요한데, 이를 가지치기 라고 한다.)JS는 효율성때문에 스택을 활용하는게 좋을 것 같다!탐색 중 순환이 나타나면 BFS를 사용하자.가장

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

프론트엔드 데브코스 5기 TIL 5일차

최하단 level의 노드를 leaf 노드라고도 부릅니다.모든 노드는 하나의 부모 노드를 가집니다.마지막 레벨을 제외한 모든 노드가 채워진 완전 이진 트리모든 노드가 2개씩 꽉 채워진 포화 이진 트리한 방향으로만 나아가는 편향 트리등이 있습니다.다만, 우선순위 큐는 자료

2023년 9월 26일
·
0개의 댓글
·

프론트엔드 데브코스 5기 TIL 4일차

Queue FIFO, 선입선출. 맨 앞에 놈을 Front, 맨 뒤를 Back (혹은 rear). 맨 앞에 값을 제거하는 것을 DeQueue(), 맨 뒤에 값을 추가할땐 EnQueue(). 큐를 연습해보기위해, 프로그래머스 Lv2 문제인 [프로세스] (https://

2023년 9월 25일
·
0개의 댓글
·

[프로그래머스 / JS] Lv 2 프로세스

처음 문제를 풀 땐 잘 몰랐지만, 배열에서 shift() 사용을 지양하는게 좋은 것 같다.shift()는 선형시간이 소요되므로, 코드 실행속도에 크게 영향을 줄수도 있는 것이 그 이유이다.풀어보진 않았지만 팀원분의 말씀으로는, 백준에는 shift()를 사용하면 실패 처

2023년 9월 25일
·
0개의 댓글
·

프론트엔드 데브코스 5기 TIL 3일차

자료구조와 알고리즘 자료구조 : 빠르고 안정적으로 데이터를 처리하는 것이 궁극적인 목표! 알고리즘 : 문제를 효율적이고 빠르게 해결하는것이 목표이며, 정해진 방법을 공식화한 형태로 표현합니다. 문제해결 능력의 핵심 3가지 논리적 사고 : 해결 방법 절차가 말이 되는지

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

JS Linked List 구현 연습

Node { value: 3, next: Node { value: 5, next: null } }항상 console.log()만 사용했는데, console.error(), console.table()등이 있다는 사실을 알게되었다.프로퍼티인 \_size와 메서드인 siz

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

프론트엔드 데브코스 5기 TIL 2일차

네트워크 기초 주소창에 url을 입력하면, 잠시 로딩 후 해당 페이지로 이동하게 됩니다. 이때, 잠시 로딩하는 동안 어떤 일이 일어나고 있는걸까요 ? URL을 해석합니다. DNS (Domain Name System) 조회 DNS는 도메인과 IP주소를 서로 변환

2023년 9월 21일
·
0개의 댓글
·

프론트엔드 데브코스 5기 TIL 1일차

강의는 LTS인 18버전으로 진행되기에, 기존에 사용하던 버전에서 업데이트했다.이후 node -v를 통해 버전을 확인해보니, 자동으로 설치한 버전으로 변경되어있었다.간단하게 통신, 렌더링, 스크립트 실행으로 구분됩니다.통신요청 및 응답: 사용자가 주소 표시줄에 URL을

2023년 9월 20일
·
0개의 댓글
·