본문 바로가기

분류 전체보기321

Next.js로 SNS x.com 클론코딩하기 - 2 지난 시간에 이어 본격적인 디자인 클론을 시작합니다. 사실 디자인 요소는 메모하고자 하는 부분이 별로 없어서... 간만에 테일윈드가 아닌 CSS를 직접 사용해서 신선했습니다. 역시 근본이 좋긴하네요. 테일윈드는 가독성이 좋지 않은 편이고 특정 속성이 기억 안나서 공식문서를 종종 보기도 했는데...ㅎㅎ 레이아웃 클론 flex-glow & flex-shrink 레이아웃을 막연히 따라 만들다가 보니 flex-glow 의 이해가 부족함을 느꼈습니다. 그럼 어떻게 하나? 당연히 공식문서와 서칭을 해봐야겠죠. https://developer.mozilla.org/ko/docs/Web/CSS/flex-grow flex-grow - CSS: Cascading Style Sheets | MDN flex-grow CSS .. 2024. 1. 22.
Next.js로 SNS x.com 클론코딩하기 - 1 https://www.inflearn.com/course/next-react-query-sns%EC%84%9C%EB%B9%84%EC%8A%A4/dashboard Next + React Query로 SNS 서비스 만들기 강의 - 인프런 리액트18 & 넥스트14 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!,... www.inflearn.com 해당 강의를 보고 정리한 내용입니다. 왜 Next.js 인가? 이번에 들어가게될 프로젝트에서 React 기반의 Next.js 를 사용하기로 하였습니다. SEO가 장점이긴 하지만 제가 맡을 프로젝트에선 중요사항은 .. 2024. 1. 18.
DLP, DRM 개념 DLP; Data Loss Prevention 데이터 손실 방지 데이터 흐름을 감시하고 기업 내부의 중요 정보에 대한 유출을 감시 및 차단하는 방식 PC, Network 등 데이터가 흐르는 영역을 암호화 DLP 장단점 장점 단점 편의성 한번 유출된 정보와 데이터 보호가 어려움 이동 경로를 감시하여 데이터를 보호하므로 정보 유출 위험이 있을 때 차단이 가능 우회가 가능 업무와 무관한 사이트 접근 제어 가능 한번 공격 당하면 보호가 불가 내부 시스템을 통제, 관리하는 형태므로 원격 근무에 올바르지 않음 DRM; Data Rights Management 디지털 콘텐츠의 저작권 보호 기술이자 저작권자가 배포한 디지털 자료 또는 하드웨어 사용 제한 특성 자료를 저작권자가 의도한 용도로만 사용하도록 제한하는 기술 .. 2023. 12. 28.
SQLD 합격! 그리고 DAsP 도전 SQLD 합격 저번 11월달 시행된 SQLD 결과가 저번주에 나왔는데 다행히 합격했다. 데이터 모델링 부분은 도대체 뭐가 틀렸는지 모르겠고(다 맞았을 줄) SQL 활용 부분에선 생각보다 문제가 어렵지 않고 되려 헷갈리는 게 많았어서 아차한 것들이 틀렸던거 같다. 어려운 문제는 40문제 중에서 10% 안팎?이었던 것 같다. SQLD 공부 방법 나는 처음 SQLD 를 공부할 때 조인은커녕 쿼리문은 Select 문밖에 쓸 줄 모르던 프론트엔드 개발자였다.(게다가 놀랍게도 나는 비전공자다!) 공부하게 된 계기는 일을 하며 쿼리문을 다룰 일이 많아져서 필요성을 느꼈다... 이런 나라도 1~2달동안 일 끝나고 잠깐씩(1~2시간) 공부하는걸로 합격할 수 있었다. 사실 이 자격증이 실무와 근접하냐를 물으면 그건 아닌 .. 2023. 12. 21.

티스토리툴바