profile
소소한 기록

Tailwind Css

한 달 인턴으로 나갔을 때 계시던 개발자 분이 알려주신 tailwind css. css는 참 종류가 많구나 라고 느껴졌다. 새로운 기술을 발견하면 내가 이 기술을 써야하는 이유와 쓰지 않아야 하는 이유를 알아야 한다는 걸 느껴서 한 번 어떤 장단점이 있는지 알아보려고

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

styled component 에서 mixin 사용법

mixin은 여러번 자주 사용하는 style을 재활용하여 사용하는 것이다📌 styles component 안에 mixin.js 폴더를 만들어 준다.📌 mixin.js 폴더 안에 자주 사용해주는 display : flex 함수를 만들어 준다📌 index.js 폴더

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

Component 분리 → 검색기능 구현 중2

📌 input에 검색어를 쳤을 때 mockData에 있는 값을 필터링 해 줄수 있는 필터 함수를 만들었다.📌3항 연산자로 이동하여, \[productList.map](http://productList.map) 을 \[filteredItem.map](ht

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

Component 분리 → 검색기능 구현 1

검색기능구현을 위해 최근 검색어가 없습니다. 라는 멘트를 검색을 했을때 없애는 방법을 알아보느라 일주일이 지난 거 같다. 그때 component 를 이용하여 분리 할 수 있다는 것을 배웠다.스크린샷 2023-01-03 오후 6.29.47.png📌 Sea

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

[에러] EACCES: permission denied, unlink '/usr/local/bin/code'

터미널에서 code . 을 입력하면 vscode로 이동해줘야하는데..이런 멘트만 나오면서 이동하지 않았다..😫구글링 후 찾은 방법 vscode 에서 shift + command + P 입력 후 검색창에 입력해주면 눌러주면,,,된다고 했는데...왜 때문에 또 에러가 떴

2023년 1월 16일
·
0개의 댓글
·

1차 프로젝트 회고록

아쉬움 (다음 프로젝트 때 보완할 점) 초반 초기 회의) 키값, 기능, 페이지 FE ↔ BE 회의 API 부분) 동적 라우팅, 기능별 layered pattern, routing pattern 사이트 구조 분석에 대해 더 깊게 해봤어야.. 키값 이전에 구조와 페이지

2023년 1월 1일
·
0개의 댓글
·

1차 프로젝트 sprint meeting

어제 한것오늘 할 것기술적 소통 및 기획, 일정 조율매일 이루어지는 데일리 미팅에서 구현 가능한 티켓 처리가 실시간으로 잘 되어가는지 확인최소한의 로직 플로우) 로그인/회원가입 → 랜딩(메인 홈페이지) → 상품 리스트(전체/상세) → 주문/장바구니추가해야 할 사항 Pr

2022년 12월 16일
·
0개의 댓글
·

상수데이터

페이지를 구성하다 보면 UI 구성에 필요하지만 동적으로 변하지 않아서 Backend api등 을 통해 가져올 필요가 없는 데이터를 의미합니다.예를 들어 우리의 나이, 몸무게, 식성 같은 경우는 시간이 지나면 조금씩 변하지만 이름, 주민등록번호, 같은 것들은 시간이 지

2022년 12월 15일
·
0개의 댓글
·

개발자 도구

👩‍💻개발자 도구? ‣내가 만든 결과물을 테스트하고, 확인해볼수있는 도구 ‣chrome ‣개발자 도구에 있는 다양한 패널의 종류와 기능을 파악한다. 📌Elements ‣현업 기획자, 디자이너, Frontend 들이 가장 많이 보는 곳 ‣진짜 변경이 가능한 건 아

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

Code_kata

📚문제 숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요. num: 숫자 return: true or false (뒤집은 모양이 num와 똑같은지 여부) 예를 들어, num = 123 return false => 뒤집은 모양이

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

Hook?

Hook? 클래스 컴포넌트에서만 사용하던 상태 관리, 라이프 사이클 관리를 함수 컴포넌트에서도 사용할 수 있도록 해주는 연동해 주는 함수를 의미 📌 사용규칙 최상위 스코프에서만 사용가능하다. 호출 할 수 있는 곳은 함수 컴포넌트, Custom hook 내부에서만

2022년 11월 28일
·
0개의 댓글
·

Javascript 초급2

📌 연산자 연산자의 우선 순위 *, / > +, - 증가연산자 ++, 감소연산자 -- 뒤에 적으면 증가시키기 전에 값을 넣어주므로 증가/감소 연산자는 앞에 적어야 한다. 📌 비교연산자 비교연산자 , =, ==, != a = 3은 a 라는 변수에 3을 할당 하는

2022년 11월 28일
·
0개의 댓글
·

Javascript 초급1

📌변수 어떤 정보에 이름을 붙여서 사용하고 싶을 때 사용 name = "yuna"; age = 20; 문자열은 '', "", 로 감싸줘야 한다 📌접근하는 방법 alert() console.log() 📌선언 name = "yuna" 처럼 선언도 가능하나, 의도

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

git 명령어 설명

💡흐름 정리폴더를 만듬 - git init - 파일을 저장 - git add - git commit - git push - github 클라우드에 업로드git 저장소 생성, 버전관리를 위한 정보 생성, 버전관리를 하고 싶은 디렉토리에 해당 명령어 입력저장소 초기화디렉

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

Framework와 Library

웹 애플리케이션이 발전하면서, 생산성을 향상 시키기 위해서 등장복잡한 개발을 편리하게 하기 위해서 미리 작성해서 제공해준 코드필요한 기능을 미리 만들어서 사용할 수 있는 형태로 제공개발자들은 처음부터 모든 것을 만드는 것이 아니라 프레임 워크와 라이브러리를 이용해서 편

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

Git & GitHub 왜 사용할까?

💡Git VCS (Version Control System), 버전 관리 시스템 어떤 프로그램을 수정, 개선하여 완성하는 것 이전과 약간씩 다른 변화들을 구분하는 것 💡GitHub Git을 사용한 프로젝트 저장소 개발자들의 social network > ###

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

개발자 도구 과제

📌Assignment 1 | Elements 바로바로 변경 될 수 있는 걸 보여줘서 현업 기획자, 디자이너, Frontend 들이 가장 많이 보는 패널. HTML, CSS 구조를 알 수 있다. 📚 > - 과제 링크 페이지는 몇 개의 section으로 이루어져

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