졔Tech

부모 파일 코드 import React, {useState} from 'react'; import styled from "styled-components"; import Post from "../component/post"; function PostAdd() { const [addressForm, setAddressForm] = useState({ name: "", address: "", }); const changeAddress = (e:React.ChangeEvent) => { const {name, value} = e.target; setAddressForm({ ...addressForm, [name]: value, }); }; const PostWrap = styled.div` margin: 2r..

여기저기 이력서를 내다가 면접을 보러 갔다. 프론트엔드 1년 경력직으로 면접을 봤는데 대부분 1년차에게 많은 기대는 하지 않는듯 했다. 대부분 포폴에 올려놓은 프로젝트의 기술에 대해서 질문을 했고 이걸 사용해서 좋은점, 이 언어에 대해서 설명해주세요 등을 물어봤다. 내가 받은 질문은 1. React에 대해서 설명해주세요. 2. javaScript와 React.js의 차이점과 둘을 비교했을때 어떤 언어가 어떤면에서 더 좋고 그렇게 생각하는 이유 3. javaScript와 TypeScript에 대해서 설명해주시고 둘을 비교했을때 어떤 언어가 더 좋고 그렇게 생각하는 이유 4. react hook은 무엇인가요? 5. react query에 대해서 설명해주세요. 6. typeScript에 대해서 설명해주세요. ..

Dart - UI에 적함 - 거의 모든 곳에서 컴파일이 가능함 dart Web : 내가 쓴 코드를 javaScript로 변환해주는 컴파일러 dart Native : 내가 쓴 dart 코드를 여러 CPU의 아키텍쳐에 맞게 변환해주는 컴파일러 JIT : just in time -> dart VM을 사용하는데 내가 쓴 코드의 결화를 화면에 바로 보여줌 (개발중에만 사용가능) AOT: ahead of time -> 컴파일을 먼저하고, 그 결과인 바이너리 배포 null safety : 안전한 프로그램 빌드를 할때 필요

html 파일 상단에 헤더 파일 포함

html 코드 링크 연결할 버튼 생성 NAVER DAUM window.open을 사용하여 다른페이지 연결

box와 item들을 행,열로 자유자재로 배치하기 좋음 float - 이미지와 text를 어떻게 배치할껀지 정의 float: left,center,right로 배치가능 100% : height이 사람짐. 아이템에 맞게 퍼센테이지가 정해짐 부모에 상관있음(html,body도 100%로 지정이 되어야 함) 100vh : 부모에 상관없이 100%사용 flexbox 중심축과 수평축(반대축)이 있음 중심축을 수직/수평을 어떻게 두나에 따라 수평축이 바뀜 1. container - display :flex 아이템이 왼_오른쪽으로 정렬됨 - flex-direction 기본값: row (왼-오) row-reverse (오-왼) column(위-아래) column(아래-위) - flex-wrap 기본값: nowrap 아..

box와 item들을 행,열로 자유자재로 배치하기 좋음 float - 이미지와 text를 어떻게 배치할껀지 정의 float: left,center,right로 배치가능 100% : height이 사람짐. 아이템에 맞게 퍼센테이지가 정해짐 부모에 상관있음(html,body도 100%로 지정이 되어야 함) 100vh : 부모에 상관없이 100%사용 flexbox 중심축과 수평축(반대축)이 있음 중심축을 수직/수평을 어떻게 두나에 따라 수평축이 바뀜 1. container - display :flex 아이템이 왼_오른쪽으로 정렬됨 - flex-direction 기본값: row (왼-오) row-reverse (오-왼) column(위-아래) column(아래-위) - flex-wrap 기본값: nowrap 아..

source - 소프트웨어가 구현되는 원인 code - 기호,부호 language - 의미를 전달하는 약속 application, program - 결과 java source code(.java) : 사람이 이해, 기계는 직접 이해X compile : 기계가 이해할 수 있도록 바꿈 java application(.class) : 기계가 이해할 수 있음( jvm이 이해) run: 확장자가 class인 파일을 읽어서 컴퓨터를 동작시키게 함 jvm(java virtual machine) : 자바가상머신 computer

# 페이지 배포하고 작성하는 개발일지 [목표] 1. 코딩하다가 헷갈리는 부분 물어보기 2. 고도화 시킬 부분 어디 있는지 작성 [토의내용] 1. 개발한 페이지 고도화를 어떻게 시킬지 생각해보기 [업무 중 이슈/고민] 1. 스크립트는 아래로 빼는게 좋음 - textarea maxlength : 글자수 제한 2. 글 작성 페이지에서 데이터 받기 => const mealTitle = document.getElementById("title") const mealImage = document.getElementById("input-file").file[0] const mealReview = document.getElementById("meal-review") 3. 서버코드 작성 get = 파라미터로 보냄 post..