개발새발자

속성 : 업무에서 필요로 하는 인스턴스에서 관리하고자 하는 의미상 더 이상 분리되지 않는 최소의 데이터 단위 : 엔터티에 대한 자세하고 구체적인 정보 나타냄 : 하나의 엔터티는 두개 이상의 속성을 가짐 : 하나의 인스턴스에서 각각의 속성은 한개의 속성값을 가질 수 있음 : 속성도 집합임 속성의 특성에 따른 분류 1. 기본속성 2. 설계속성 3. 파생속성: 데이터를 조회할 때 빠른 성능을 낼 수 있게 원래 속성의 값을 계산하여 저장할 수 있도록 만든 속성 도메인: 각 속성이 가질 수 있는 값의 범위 속성의 명칭 현업의 업무 용어 사용 지나친 약어 사용은 지양 유일한 이름 분명한 의미 서술식 X 관계 존재적 관계 행위에 의한 관계 ex) 부서, 사원의 '소속' 관계 ex) 주문, 배송의 '배송근거' 관계 데..

모델링 데이터모델링이란? 정보 시스템을 구축하기 위한 데이터 관점의 업무 분석 기법 현실세계의 데이터에 대해 약속된 표기법에 의해 표현하는 과정 데이터베이스를 구축하기 위한 분석/설계의 과정 모델링의 특징 1. 추상화 2. 시스템 구현 포함한 업무 형상화 3. 단순화 4. 정확화 필요 이유 1. 업무정보를 일정한 표기법에 의해 표현 2. 분석된 모델을 가지고 db를 생성하여 개발& 데이터관리에 사용 3. db구축, 모델링 자체로서 업무를 설명하고 분석 유의사항 1. 중복성 최소화 2. 유연성 높이기 (데이터 정의를 사용 프로세스와 분리하기) 3. 일관성 높이기 데이터모델링의 유형 개념적 데이터 모델링: 추상화 수준이 높고, 업무중심적이고 포괄적인 수준의 모델링 진행. 전사적 데이터 모델링, EA 수립 시..

내가 맡은 직책: 팀장 FE 개발 Jira 담당 (일정관리) 내가 개발한 부분: 완전반응형 UI 640px 이하일때는 모바일페이지로 설계하였다. SSE (server-sent events) 연결 새로운 친구 추가, 내가 속한 그룹의 새 글 생성 시 알람 수신. 스티커 기능 스티커 상점에서 다이어리꾸미기 (이하 '다꾸')용 스티커 구매 가능. 일기 작성 및 다꾸 기능 dragEvent를 통해 다이어리에 스티커 붙히는 기능 구현. 완료 버튼 누를 시, backend에 해당 스티커 정보와 X, Y 좌표 send. 카카오톡 Oauth 카카오톡 로그인, 회원가입 회원 기능 회원정보 수정 기능. 배운 것들 1. 타입스크립트 타입스크립트를 사용한 첫 프로젝트였는데, 사진, array, string, number, f..

오픽을 보고나서 꿀팁을 알려달라는 주변인들이 많아져서 블로그에도 쓰기로했다. 일단 내가 받은 질문들이다. (2주가 지나서 생각이 완벽하게는 안난다...) 자기소개 이거는 항상 나오는 질문이다. 이정도는 연습 미리 하고 가도 된다고 생각한다 나 같은 경우는 어디 살고, 지금 어떤걸 하고 있고, 왜 이 오픽 시험을 보게 되었는지 말하고 넘겼다. 설문기반 바쁜 직장인들은 점심을 어떻게 해결하니? 보통 점심을 배달시켜먹니 혹은 도시락을 싸가니? 바쁜 직장인인 너는 평소에 저녁을 어떻게 해결하니? 너가 설문에서 혼자 산다고 했는데, 최근에 너희 동네에서 일어난 흥미로운 일이 무엇이니? 너가 최근에 자취하면서 겪은 힘든 일이 무엇이니? 그 힘든 일을 더 자세히 설명해줘 그 힘든 일을 어떻게 해결했니? 산책을 좋아한..

https://school.programmers.co.kr/learn/courses/30/lessons/12981 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 이런식으로 이미 언급한 단어를 또 말하거나, 아니면 앞단어의 마지막 글자가 그 다음의 첫 글자랑 다르면 틀린 사람을 알려주면 된다. 1. 앞 단어의 마지막 글자가 그 다음의 첫 글자랑 다른 경우 for i in range(1, len(words)): if words[i][0] != words[i-1][-1]: 끝말잇기에서 첫번째 사람이 틀릴 리는 없으니까 두번째 사람부터 확인해준다. 2. 언급한 ..

아이디 유효성검사 영문, 숫자로 2자~12자 static idNaming(name) { const idRule = /^[0-9a-zA-Z]{2,12}$/; if (!name.match(idRule)) { return false; } return true } 변수명 = /^[0-9a-zA-Z]{2,12}$/; 닉네임 유효성검사 3자~10자 (길이제한만 있고 특수문자 제한 없음) static lengthRange(name, minLength, maxLength) { if (name.length maxLength) { return false; } return true; } 비밀번호 유효성검사 영문, 숫자, 특수문자 모두 포함 8자~20자 static pass..

>>아이콘 클릭 전 >> 아이콘 클릭 후 아이콘을 누르면 비밀번호가 노출되게 하는 기능을 완성했다. 일단은 template 창에 해당 input을 만들어준다. 이때, 처음에는 비밀번호 형식으로 입력하고 싶으니까 type을 password로 지정해준다. 왼쪽 옆에 있는 자물쇠모양 아이콘과 눈모양 아이콘은 fontawesome에서 가져왔다. 그리고, 눈모양 아이콘에 클릭이벤트를 추가해준다. 나는 showPwd라는 함수를 만들었다. 그리고 나서 script창의 setup안에 함수를 쓰면 된다. setup() { const showPwd = function() { var pwd = document.getElementById("password"); if (pwd.type=="text") { pwd.type = "..

참고영상) https://www.youtube.com/watch?v=7_mqThfC_yM 1. TailwindCss 설치하기 https://tailwindcss.com/docs/guides/vite#vue Install Tailwind CSS with Vite - Tailwind CSS Setting up Tailwind CSS in a Vite project. tailwindcss.com npm install -D tailwindcss postcss autoprefixer 2. VueUse 라이브러리를 설치한다 npm i @vueuse/core 3. 내가 다크모드를 만들고 싶은 페이지에 import 한다 import { useDark, useToggle } from "@vueuse/core"; cons..

참고한 블로그: https://sunny921.github.io/posts/vuejs-router-03/ (Vue.js) 라우터 기초 (3) - push, replace, go 사용법 sunny921.github.io this.$router.go(-1) :바로 전 페이지 this.$router.go(1):바로 앞 페이지 methods: { goBack () { this.$router.go(-1) } }

테일윈드css는 이런식으로 color palette를 제공해준다. 하지만 내가 따로 지정한 색상을 쓰고 싶다면, tailwind를 설치하면서 생성되는 tailwind.config.js 파일에 색상들을 적어주면 된다. theme: { extend: { colors: { // 배경색깔 'z-primary': '#AA8AD4', 'z-secondary': '#6750A4', } }, }, variants: { extend: {}, }, plugins: [], }; 이런식으로 colors: {} 안에 적어주면 이거는 우리 프라이머리색깔임 이렇게 background에 적용되어 나타나는 것을 확인할 수 있다. 매번 색상코드 입력하지 말고 이렇게 나만의 키워드로 저장해서 사용해보자