보호되어 있는 글입니다.
분류 전체보기
프레임워크 : React React 선정이유 : 웹개발을 처음 배울 때 React를 수강했기 때문에 별다른 이유는 없었습니다. 진행과정 1. Html, Css 구성 2. 페이지 구성, 라우트 3.React Hook 작성 4. AJAX 통신 큰 진행과정은 위와 같습니다 . 웹개발을 처음 해보는 과정이라 서툰 부분이 엄청 많았고 고생했던 부분이 많았습니다 . Html, Css 구성 html,css는 처음 웹페이지를 개발해보기 때문에 보편적으로 쓰는 속성을 썼는지는 모르겠습니다. 모바일, PC에서도 사용하기 위해 미디어쿼리를 사용했습니다. 대표적으로 로그인 페이지 입니다. 그리고 폼 속성을 사용하지 않았었는데 폼 속성을 사용하는 중에 이점이 엔터키로 입력을 받을 수 있었습니다. 미디어 쿼리를 사용하고, fle..
보호되어 있는 글입니다.
감정 분석 일기장 프로젝트를 진행함에 있어 간단한 화면 구성을 토대로 프로젝트를 진행했습니다. 프론트에서는 '회원가입', '로그인', '일기장' 이렇게 총 세 개의 화면을 준비할 계획입니다. 현재 달력 부분을 출력하고 있으며 하단의 내용은 달력을 출력하기 위한 과정을 정리해 두었습니다. 컴포넌트 분리 기존에는 반복 구조가 없을 경우 한 파일에서 코드를 길게 작성해왔는데, 컴포넌트 분리에 필요성을 느껴 이번 프로젝트에서는 컴포넌트를 분리해 보았습니다. 기존 방식에 비해 생각했던 것보다 고려해야 할 점들이 많아 분리에 시간을 많이 투자해야 했습니다. 사용할 변수들의 위치를 고려하다 보니 부모 컴포넌트가 필요하고, 부모 컴포넌트를 만들자니 파일 구조가 복잡해지고... 부모 컴포넌트에서 props로 데이터를 넘..
ML 감정 분석 일기장: BERT 모델을 활용한 감정 분석 감정 분석 일기장은 텍스트 데이터를 입력받아 해당 텍스트의 감정을 예측하는 데 사용되는데, 이를 위해 BERT(Bidirectional Encoder Representations from Transformers) 모델을 활용하여 감정 분석을 수행하는 방법을 사용하였습니다. 데이터셋의 경우 네이버 영화 평점 데이터를 이용하였습니다! 1. 도입 감정 분석은 텍스트 데이터의 감정을 파악하는 작업으로, 감정 분석 일기장은 이를 자동화하여 사용자가 입력한 텍스트의 감정을 빠르게 파악할 수 있게 합니다. 코드의 경우 필요한 라이브러리 및 모듈 불러오기 데이터 로드 및 전처리 2. 데이터 전처리 학습 및 테스트 데이터를 불러와 전처리하고, BERT 토크나이저..
GDSC Solution Challenge 2024 회고 GDSC 에서 GDSC Solution Challenge 2024 를 blue, chan, Lucy 와 함께 작업했습니다. TSX 를 사용한 이유 회의 내용 개발 내용 잡담 🥥 프론트엔드에서 TSX 를 사용한 이유 JSX는 JavaScript의 확장 문법으로, 주로 React 라이브러리에서 사용되는데, 이를 TypeScript와 함께 사용할 때는 TSX(또는 TypeScript JSX)라는 확장자를 사용합니다. 타입 안정성(Type Safety): TypeScript는 정적 타입 언어로, 변수, 함수, 객체 등의 타입을 미리 선언하고 체크할 수 있습니다. TSX를 사용하면 JSX 코드에 대한 타입 정보를 추가하여 개발자가 코드를 작성할 때 런타임 ..
1월 정기세션은 네트워킹을 위한 웰컴 파티로 대체되었었고, 2월 2일에 캐치카페 혜화점에서 정기세션을 진행했습니다 ! 동아리 공식 활동인 Month I Did 발표도 하고, 공지사항 리마인드하는 시간을 가진 뒤, 포지션 별로 모여 네트워킹 하는 시간을 가졌습니다. 이전 정기세션에서는 네트워킹을 랜덤으로 조를 짜서 진행했었는데, 포지션끼리 대화하니 더욱 더 유익한 개발 이야기를 나누게 된 시간인 것 같습니다 :) 앞으로의 활동도 많은 관심 부탁드립니다 🙂
처음 생성한 레포짓토리에 파일을 올리는 방법은 크게 두가지가 있다. 첫번째는 브라우저를 통해 업로드는 하는 것이고, 두번째는 터미널로 업로드 하는 것이다. 프로젝트의 크기가 너무 크면 브라우저를 통해 업로드 되지 않는 경우가 있기 때문에 오늘은 두번째 방법에 대해 알아 보려한다. 다만, 글쓴이는 맥이 없기 때문에 모든 설명은 윈도우를 기준으로 하겠습니다. 1. 레포짓토리 생성 먼저 작업할 폴더를 업로드할 레포짓토리를 생성한다. 생성 후 위 주소를 복사해 놓는다. 2. Git Bash 사용하기 업로드할 파일을 우클릭하면 "Open Git Bash here" 라는 탭이 보인다. 만약, git을 설치하지 않았다면 설치하고 오자. 3. Git 초기 설정 한번도 사용하지 않았다면 초기설정을 먼저 해주어야 한다. ..
개발자라면 반드시 사용하게 되는 것 중 하나가 바로 깃과 깃허브이다. 특히 원활한 협업을 위해서는 깃허브 사용법 숙지가 필수적이다. 이번 깃 스터디를 통해 프로젝트에 참여에 큰 무리가 없도록 공부를 진행했다. 깃 vs 깃허브 처음 깃에 대해 접하면 이 둘의 차이점을 인지하지 못한다. 개발을 공부하던 초창기에는 이 둘이 다르다는 것 조차 몰랐다. 깃은 '소프트웨어' 이다. - 로컬(컴퓨터,랩탑) 저장장치에 설치됨. - 깃 리포지토리 내부에 저장된 여러 버전의 파일들을 관리하고 수정하는 도구. - 커맨드 라인 (터미널 바탕)의 서비스임. 깃허브는 '서비스' 이다. - 웹을 바탕으로 한다. - 깃 리포지토리의 카피본을 업로드 할 수 있는 공간이다. - 그래픽 인터페이스를 제공함. Git 을 뭐라고 정의할 수 ..
https://learngitbranching.js.org/?locale=ko Commit 커밋 커밋은 Git 저장소의 디렉토리에 있는 모든 파일에 대한 스냅샷으로 기록합니다. Git은 가능한 한 커밋을 가볍게 유지하고자 하기에 커밋 할 때 전체 디렉토리를 복사하지 않습니다. 각 커밋은 저장소의 이전 버전과 다음 버전의 변경 내용(delta)만 저장합니다. 그래서 대부분의 커밋이 그 커밋 위의 부모 커밋을 가르킵니다. *스냅샷 : 특정 시간에 데이터 저장 장치의 상태를 별도의 파일이나 이미지로 저장하는 기술 C0, C1, C2...는 '커밋'을 의미합니다. Branch 브랜치 브랜치는 특정 커밋에 대한 참조(reference)기에 메모리나 디스크 공간에 부담이 되지 않습니다. 브랜치는 하나의 커밋이며, ..
