profile
즐겁게 코딩 ૮₍ •̀ᴥ•́ ₎ა
post-thumbnail

✨SIPE 네 번째 사담콘 참가 후기!✨

얼마 전, SIPE(SHARING INSIGHTS with PEOPLE EVERYDAY)에서 진행한 사담콘에 다녀왔습니다.너무 재밌게 보고 정리도 할 겸, 참가한 제 경험을 공유해보려고합니다!SIPE는 Sharing Insights with People Everyday

2025년 8월 28일
·
2개의 댓글
·

A text node cannot be a child of a <View>.

React Native를 이용해 운동 예약 앱을 만들던 도중 A text node cannot be a child of a View. 에러를 발견했다. 대충 에러 내용을 보면 View의 자식 노드로 있는 text에 문제가 있는것으로 보인다. 회원가입 페이지인데, 글자

2025년 3월 10일
·
1개의 댓글
·
post-thumbnail

[Spring Boot + Kotlin] MariaDB 설치 및 연동하기

리눅스 서버에 MariaDB를 설치하고, 설치된 MariaDB을 연동하는 방법에 대해 알아보겠다. MariaDB 설치 설치 과정중에 비밀번호 설정이 뜰 것이다. sudo systemctl status mariadb를 확인했을때 별 다른 에러메시지가 없다면 정상적으

2024년 6월 28일
·
2개의 댓글
·
post-thumbnail

[Spring Boot + Kotlin] Kotlin project 생성하기

IntelliJ IDEA를 이용하여 프로젝트를 설정한다.아래 사이트에서 다운로드 가능하고, 계정이 따로 없을 경우 30일 체험판 또는 무료 버전을 다운받고, 학생 계정이 있으면 확인하여 등록을 해주면 된다.(https&#x3A;//www.jetbrains.com/ko-

2024년 6월 26일
·
0개의 댓글
·
post-thumbnail

PostgreSQL vs MySQL

PostgreSQL이란? > 객체 관계형 데이터 베이스 관리 시스템(ORDBMS)이다. PostgreSQL은 JSON, XML등 다양한 데이터 타입을 지원하며, 고급 인덱싱 기능, 복잡한 쿼리 최적화, MVCC 등을 제공한다. 따라서 복잡한 대용량 데이터 작업에 강점

2024년 6월 26일
·
0개의 댓글
·
post-thumbnail

React 이미지, 글꼴 최적화

회사 홈페이지 리뉴얼 작업중에 문제가 발생했다.큰 문제는 아니지만 이미지, 글꼴 로드에 많은 소요시간이 발생한다는 점이다.이로 인해 첫 페이지 진입 시, 이미지가 매우 늦게 보이고 글꼴도 처음에는 일반 글씨였다가 나중에 적용하려던 글씨로 바뀌었다.홈페이지를 방문하는 사

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

Organization Repository에 Github label 커스텀 적용하기+ 템플릿 생성하기

이번 프로젝트에 Issues와 Pull requests를 좀 더 체계적으로 관리하고, 템플릿을 만들어 편리하게 이용도 하고 이쁘게 꾸미고 싶었다.구글에서 Github issue template을 검색하는 도중 label 간편하게 커스텀 할 수 있는 github-lab

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

Organization Repository를 vercel+git actions로 무료 배포하기

팀 프로젝트를 진행하는데 프론트쪽을 미리 배포를 하고 진행을 하려고 했다.여러가지 방법으로 배포가 가능하지만 비교적으로 편리한 Vercel을 이용하기로 했다.Vercel 페이지를 들어가서 로그인을 하면 이 페이지가 보일 것이다. 다른 페이지가 보인다면 Add new..

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

Backbone.js란 무엇일까?

Backbone is a library, not a framework, and plays well with others. - backbonejs.orgBackbone은 프론트엔드 자바스크립트 코드의 틀을 만드는데 도움을 주는 경량 자바스크립트 라이브러리이다.프레임워크와

2023년 10월 24일
·
1개의 댓글
·
post-thumbnail

메인 프로젝트 회고

조금 늦은 회고 시작\~~7월 27일 데모데이가 끝나고 일주일 간 푹 쉬었다.바로 회고를 작성해야했는데 미루다가 이제 적어본다.코드와 기술에 대해서는 따로 다루고 이번 회고에서는 프로젝트를 하면서 도움이 되었던 활동에 대해서 이야기를 해보겠다.(주의!) 사진이 아주 많

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

Pre-Project 회고

드디어 Pre-Project가 끝났다.프로젝트 하나가 끝났다는 기쁨과 바로 Main-Project가 앞에 있다는 절망감이 공존한다.프로젝트를 하면서 내가 아직 많이 부족하구나 느꼈다.그동안 프로젝트 경험도 해봤고, 전공자이기 때문에 자신감이 있었는데 생각만큼 잘 해내지

2023년 6월 27일
·
1개의 댓글
·
post-thumbnail

CORS & Proxy

Cors란?교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제입니다.웹

2023년 6월 7일
·
1개의 댓글
·

TypeScript 문법(열거형, 타입 별칭, 타입 추론, 클래스)

TypeScript에서 열거형은 다음과 같은 형태로 정의한다.Color라는 열거형을 정의하고 있다. 열거형의 값은 Red,Green,Blue 세 개입니다.열거형은 숫자형과 문자열형, 혹은 이 둘의 조합으로 정의될 수 있다. 디폴트 값으로 숫자형을 사용하며, 각 값은 자

2023년 5월 31일
·
0개의 댓글
·

TypeScript 프로젝트 환경 구성하기

TypeScript를 적용하기 전, 먼저 프로젝트 폴더 하나를 생성하자.터미널에서 생성해줘도 되고, 직접 폴더를 만들어도 된다.프로젝트 폴더를 생성했으면 프로젝트 폴더 안으로 이동하여, npm init -y명령어를 실행해 새로운 프로젝트를 초기화한다.이제 프로젝트 내부

2023년 5월 30일
·
0개의 댓글
·

TypeScript란?

TypeScript란?자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다.마이크로소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원한다.타입스크립트에서 자신이 원하는 타입을 정의하고 프로그래밍을 하면 자바스크립트로 컴파일되어 실행할 수 있다.TypeScript를 꼭

2023년 5월 30일
·
0개의 댓글
·
post-thumbnail

Section 3 회고

저번 회고록 리뷰 원래 하루에 계획을 머릿속으로만 생각하고 진행하는 편이었다. 파워 P 답게 할 수 있는거 좀 하고 나머지는 나중에 해야지라는 마인드로 넘겨왔는데, 그게 쌓이고 쌓이다보니 진짜 많아졌다. 이제는 진짜 체계적으로 해야겠다는 생각이 들었다. 그렇다고 직접

2023년 5월 9일
·
3개의 댓글
·

Section3 기술면접

재귀를 활용하기 좋은 상황은 언제인지 예시를 들어 설명해 주세요.UI, UX의 개념과 두 개념의 관계에 대해서 설명해 주세요.Styled Components를 사용해 보면서 느낀 장점을 이야기해 주세요.useRef가 필요한 상황을 예시를 들어 설명해 주세요.상태관리 라

2023년 5월 9일
·
1개의 댓글
·

웹 표준과 웹 접근성

문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간인터넷 상에서 텍스트나 그림, 소리, 영상 등과 같은 멀티미디어 정보를 하이퍼텍스트 방식으로 연결하여 제공한다.책처럼 순서대로 정보에 접근하는 방식이 아니라, 링크를 통해 사용자가 원하는 순서에

2023년 4월 28일
·
1개의 댓글
·

Node.js란?

공식사이트를 참고하면Node.js란? Chrome V8 JavaScript엔진으로 빌드된 JavaScript 런타임이다. Node.js는 이벤트 기반, 논 블로킹 I/O모델을 사용해 가볍고 효율적입니다. Node.js의 패키지 생태계인 npm은 세계에서 가장 큰 오픈

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

React+Redux를 이용한 count 증가, 감소

Redux란 상태 관리 라이브러리를 이용해 count를 증가, 감소시켜보겠다.src폴더 내에 Actions,Reducers, Store 폴더 세 개를 만들어준다.Action폴더 내에 index.js파일을 만든다.\+ 버튼을 클릭하면, plusNum함수가 실행된다.dis

2023년 4월 24일
·
1개의 댓글
·