전체 글 49

[앱리뷰] 영어학습 앱 '말해보카' 3달 사용 후 장단점 정리

[앱리뷰] 영어학습 앱 '말해보카' 3달 사용 후 장단점 정리 최근 3달 동안 꾸준히 사용하고 느꼈던 영어학습 앱 '말해보카' 앱에 대한 장단점을 소개하려고 한다. 결론부터 말하자면 나에게 꼭 맞는 앱을 찾은 것 같아 앞으로도 계속 이 앱을 사용할 것 같다. '말해보카'는 어휘, 문법, 리스닝으로 학습구성이 나뉘어 있고, 하루 목표는 자유롭게 설정할 수 있다. 하루 목표에 따라 그날의 성과와 복습 정답률, 진도율을 그래프 형식으로 보여준다. 하루 목표를 다 하고 나서 추가 학습을 통해 더 많은 학습을 진행할 수 있다. (default 새로운 단어 + 복습 단어. 선택가능) 말해보카는 유료앱으로, 프리미엄 멤버십으로 서비스를 이용할 수 있는데, 나는 친구와 함께 사용하고 있어서 '2인 12개월' 멤버십으로..

기타정보 2023.11.13

[LeetCode] 코딩테스트 알고리즘 푼 문제 github에 자동 커밋하기

[LeetCode] 코딩테스트 알고리즘 푼 문제 github에 자동 커밋하기 취업준비, 커리어 개발을 위해 알고리즘 문제를 푸는 분들 많을 텐데요. 알고리즘 문제도 풀고, LeetHub를 통한 내repository연동으로 1일 1 커밋을 효율적으로 할 수 있는 방법 알려드리려고 합니다! 우선 LeetCode가 어떤 사이트인지 간단히 설명드리겠습니다. LeetCode https://leetcode.com/ LeetCode - The World's Leading Online Programming Learning Platform Level up your coding skills and quickly land a job. This is the best place to expand your knowledge an..

기타정보 2023.11.09

[MBTI 테스트 사이트 만들기 #4] 테스트 로직 만들기 (feat. 울집 고양이)

이전 글 보러 가기 👉 [MBTI 테스트 사이트 만들기 #3] 테스트 질문지 만들기 [MBTI 테스트 사이트 만들기 #4] 테스트 로직 만들기 이전 포스팅에 이어서 미리 질문과 답, 그리고 16가지 결과 페이지? 이미지를 만들었다. 처음 만든 mbti이어서 그런지 질문과 답을 구상하는 부분에서 가장 시간이 오래 걸렸다. ㅠㅠ 간단한 css를 추가한 결과물은 아래와 같다. 필요한 페이지는 모두 만들었으니, 이제 답을 선택했을 때 다음 질문으로 넘어가는 로직과, 결괏값을 통해 각 결과 페이지로 들어갈 수 있게 로직을 짜야한다. Quiz 화면 Quiz 컴포넌트에서 현재 해당하는 테스트의 정보(지금은 고양이 MBTI테스트)를 props로 받는다. props정보는 아래와 같다. export const datas ..

Web/Frontend 2023.11.08

프론트엔드 개발 코딩 강의 사이트 추천 3(번외 사이트)

프론트엔드 개발 코딩 강의 사이트 추천 3(번외 사이트) 프론트엔드 개발 공부 사이트들을 정리해 보았습니다. 처음 개발 공부를 시작하시는 분들께 도움이 되기를 바랍니다! 1. 생활코딩 (https://opentutorials.org/course/1) 생활코딩 hello world 생활코딩의 세계에 오신 것을 환영합니다. 생활코딩은 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업입니다. 어떻게 공부할 것인가를 생각해보기 전에 왜 프로그 opentutorials.org 개발 입문으로 추천하는 사이트입니다. Web, Database, 언어, 클라이언트, 서버, 데이터 과학, 개발도구, 프로젝트 관리 카테고리로 나누어져 있습니다. 모든 콘텐츠들은 무료로 제공하고 있습니다. (유튜브 영상) 유료강의..

Web/Frontend 2023.10.24

공공기관 및 도움되는 앱 추천 4 가지! (보안, 사기, 정부지원)

안녕하세요~ 오늘은 공공기관에서 제공하는 유용한 앱 몇 가지를 소개해드리려고 합니다. 당장 쓸 일이 없어도 미리 알고 계신다면 도움을 왕왕 받을 수 있으니 꼭 읽어봐 주시면 좋을 것 같습니다😃 1. 시티즌코난 피싱으로 인한 사기피해가 급증하고 있어 예방할 수 있는 방법이 있을까 하는 찰나에 발견했는데요. 이미 아실 분들은 다 아실 시티즌코난은 경찰청에서 제공하고 있는 악성앱검사 앱입니다. 사용방법은 너무나 간단합니다! 첫 앱화면을 켜고 상단에 악성앱검사 버튼을 누르면 내 기기에 악성앱을 탐지해 주고, 악성앱이 발견되면 즉시 삭제하는 기능도 제공해 주고 있습니다. 저 같은 경우에는 평소 자주 앱을 설치하고 사용하는 편이라, 일주일에 한 번 정도는 해당 앱에서 검사를 해주고 있어요. 원래 같으면 자주 쓰지 ..

기타정보 2023.10.19

[MBTI 테스트 사이트 만들기 #3] 테스트 질문지 만들기

이전 글 보러 가기 👉 [MBTI 테스트 사이트 만들기 #2] 이메일 보내기 버튼 만들기 [MBTI 테스트 사이트 만들기 #3] 테스트 질문지 만들기 각 테스트를 보여줄 메인 화면을 완성했다. 이제 심리 테스트를 하나 만들어보자. 각 테스트에 관한 정보는 datas 배열에 담고 있다. 내가 만들고 있는 고양이 성격 테스트는 질문 12가지와 결과 12가지로 구성하려고 한다. 테스트 정보가 담긴 datas 배열 import catBTI_banner from "../assets/img/catBTI/catBTI_banner.png"; import catBTI_full from "../assets/img/catBTI/catBTI_full.png"; export const datas = [ //catBTI - 고양..

Web/Frontend 2023.09.21

[MBTI 테스트 사이트 만들기 #2] 이메일 보내기 버튼 만들기

[MBTI 테스트 사이트 만들기 #2] 이메일 보내기 버튼 만들기 MBTI 사이트의 하단에 위치한 이메일 버튼을 만들고, 개발자에게 이메일을 보낼 수 있는 기능 만들기 1. 아이콘 선택 이메일 그림이 그려져 있는 아이콘을 다운로드한다. (canva에서 png파일로 다운로드) 다운을 받았으면 내 프로젝트에 이미지들이 모여있는 assets>img폴더로 이동한다. 2. 버튼 컴포넌트 추가 EmailButton 컴포넌트를 생성하고, 초반에 렌더링 될 App 컴포넌트에 해당 컴포넌트를 위치시킨다. import React, { useRef } from "react"; import emailIcon from "../../assets/img/email.png"; //다운받은 이메일 아이콘 function EmailBu..

Web/Frontend 2023.09.20

[문제해결] "Could not resolve dependency: react-redux@"^8.0.0" from the root project"

[문제해결] "Could not resolve dependency: react-redux@"^8.0.0" from the root project" 문제 ckeditor5 패키지 삭제 중 npm 에러가 발생하였다. Could not resolve dependency: react-redux@"^8.0.0" from the root project... Fix the upstream dependency conflict, or retry this command with --force, or --legacy-peer-deps to accept an incorrect (and potentially broken) dependency resolution. 해결 패키지 버전 종속성 문제를 해결하기 위해 아래 명령을 시도해..

문제해결 2023.09.20

[2023] 아이폰으로 gif 움짤 만드는 법(추천 웹 사이트)

[2023] 아이폰으로 gif 움짤 만드는 법(추천 웹 사이트) 아이폰을 가지고 계시다면, 다른 앱 필요 없이 기본 앱으로 쉽게 gif를 만들 수 있습니다! 아래 나온 순서대로 따라 해 보세요. 아이폰 기본 앱으로 gif 만들기 먼저 아이폰 기본 앱인 단축어 앱을 눌러 실행해 주세요. 앱이 안보이신다면 App Store앱에서 '단축어'를 검색해 설치 유무를 확인하시고, 설치가 안되어있다면 설치를 진행해 주시면 됩니다. 단축어 앱을 열면 아래와 같은 메인화면이 뜰 것입니다. 여기서! 하단 메뉴에 '갤러리'를 눌러주면 갤러리 탭으로 이동하는데요. 상단 검색창에 'gif'를 입력하면 아래와 같이 나옵니다. 저는 가지고 있는 비디오를 이용하여 gif를 만들 거라서 세 번째 gif 만들기를 선택했습니다. 선택하고..

기타정보 2023.09.15

[MBTI 테스트 사이트 만들기 #1] 메인화면 만들기

이전글 보러 가기 👉 [MBTI 테스트 사이트 만들기 #0] Visusal Studio Code 설치와 Create-react-app 생성 메인화면 만들기 MBTI 테스트 사이트를 만들기 위해서 추가할 기능들과 추후 추가하고 싶은 기능을 대강 정리해보면 다음과 같다. 시간 없어서 대충 만들려고 했는데, 생각보다 오래걸린다...ㅠㅠ 추가할 기능 및 작업(필수) MBTI 테스트 웹 사이트 추가 MBTI 테스트 문의 이메일 버튼 SNS 공유하기 버튼 애드센스 연결 도메인 추가 추후에 추가하고 싶은 기능(옵션) 앱 연동 유저 인증 유저가 직접 MBTI 테스트를 만들 수 있는 기능 1. 테스트 템플릿을 선택하고, 2. 질문과 답을 각각 입력받아서 3. 최종적으로 만들어진 테스트 url을 친구에게 공유할 수 있는 ..

Web/Frontend 2023.09.15
반응형