전체 글78 [React] figma 디자인 적용하기 피그마 디자인 적용로그인 페이지를 만드는데, 피그마로 디자인된 페이지를 리액트로 적용해야 할 일이 생겼다. 다음과 같은 디자인을 리액트에 적용해야하는데, 문제는 피그마 디자인이 제대로 되어있지 않고, 애니마를 통해서 리액트로 import 할 수는 있으나 결제를 해야한다... 그래서 CSS를 보고 디자인을 적용시켜야 하지만, 디자이너가 만든 것이 코드로 바로 적용이 될 수가 없지... 단순 적용만 하면 다음과 같이 괴작이 탄생한다... 다음과 같이 픽셀단위로 분석하고 알잘딱하게 코드를 짠다. 결과 완성!!참 쉽죠? 2024. 9. 11. 동서양의 윤리 기말 과제 - 더불어 살아가는 사회를 만들기 위해서 윤리적 태도가 필요한 이유 나는 "Cogito, ergo sum"이라는 말을 좋아한다. 나는 생각한다. 고로 존재한다. 이 말이 나는 사람과 동물을 구분지을 때, 필요하다고 생각한다. 물론, 데카르트가 이를 위해 말한건 아닐 것이다. 철학에 무지한 나로서도 이 말이 인간이 동물과는 다르다와 관련된 말이라고 생각하지는 않는다. 단순히 내가 받아들이는 방식이다. 나의 생각을 전개하기에 앞서, 과학적으로 생각해보자. 인간도 뇌를 가지고 있고 동물도 뇌를 가지고 있다. 똑같은 뇌를 가지고 있기 때문에, 둘 다 생각이라는 것을 할 수 있을 것이다. 그러나 결론을 미리 얘기하자면, 우리가 사유하기 때문에 동물과는 다르다. 나는 대학교 1학년 서양철학 시간에 "인간은 사유하기에 동물과 다르다"라고 배웠다. 동물이나 사람이나 똑같이 사회를 만든.. 2024. 9. 9. React+Typescript Typescript타입스크립트타입스크립트는 자바스크립트의 superset 언어이다.자바스크립트를 기반으로 하나, 자바스크립트보다 더 확장된 프로그래밍 언어이다.타입스크립트는 리액트와는 다르게 자바스크립트 라이브러리가 아니다.이로 하여금 자바스크립트의 기존 기능을 기반으로 새로운 기능을 만들거나, 기존 기능을 확장하지 않는다.대신에 자바스크립트의 주요 문법보다 확장된 문법을 가진다. 타입스크립트는 정적 타입(statically Typed)의 특징을 갖는다.자바스크립트는 동적 타입(dynamically Typed) 언어임을 생각하면 대조적이다. 원시 타입(Primitives Type)자바스크립트의 기본형 데이터는 숫자형, 문자열, 불리언(boolean)형, null, undefined이 있다.let age:.. 2024. 8. 23. 백준 1939 중량제한 C++ 간단한 해설시작점부터 도착점까지 최대 중량 제한을 bfs로 찾으면 된다.같은 지점을 여러 번 방문할 수 있어서 int인 방문 배열로 체크하는게 포인트간단한 반례6 121 2 71 3 81 4 71 6 92 3 73 4 73 5 74 5 74 6 73 6 71 3 115 6 126 3ans: 9 답 #include #include #include #include using namespace std;int main(){ cin.tie(0); ios_base::sync_with_stdio(0); int n,m; cin>>n>>m; vector>> v(n+1,vector>()); // weight, idx for(int i=0;i>a>>b>>c; v[a].pus.. 2024. 8. 19. 백준 20055 컨베이어 벨트 위의 로봇 C++ 간단한 해설지문이 거지같아서 문제가 어렵다고 느낀 문제 1번 위치에서 로봇을 올리고, N번 위치에 로봇이 도착하면 로봇을 무조건 내린다.(내릴 때, 내구도는 소모하지 않음) 이하의 스크린샷에 담긴 모든 과정의 사이클이 돌아야 한 단계이다.(서식오류로 12134로 된 듯하다.) 다음의 링크를 통해 개선된 지문을 확인할 수 있다. problem-solve-hub/백준/Gold/20055. 컨베이어 벨트 위의 로봇/이해를 위한 문제 수정본.md at main · cThis is a auto push repository for Baekjoon Online Judge created with [BaekjoonHub](https://github.com/BaekjoonHub/BaekjoonHub). - codesv.. 2024. 8. 18. [React] 우리집 고양이도 할 수 있는 카카오 로그인 구현(with firebase OAuth 2.0 소셜 로그인) React Firebase Kakao Authentification with OAuth 지난 글에서 구글 소셜 로그인을 해보았는데, 이어서 이번에는 카카오 소셜 로그인을 구현해보자. [React] 구글 로그인 기능 구현(with firebase 소셜 로그인 인증)React Firebase Google Authentification리액트로 구현할 때, 파이어베이스를 이용하면 구글과 같은 소셜 로그인 기능을 쉽게 구현할 수 있다고 해서 적용해보았다. 구현은 쉬우나, 정보가 별로 없어서 글ash9river.tistory.com 구글 소셜 로그인과는 다르게, 리다이렉션을 사용해서 만들 건데, REST API 방식을 활용한다. REST API 방식을 활용하기 때문에 스크립트 태그를 추가할 필요가 없다. 하지만.. 2024. 8. 12. 이전 1 2 3 4 ··· 13 다음
