fix: modify createRecruit and modifyRecruit

src/components/infiniteScroll.js

@@ -14,7 +14,6 @@ function InfiniteScroll(props){
     const initialFetchData = async ()=>{
         try{
             const response = await fetch(`/api/${page}${queryString1}`);
-            console.log(`/api/${page}${queryString1}`);
             const jsonData = await response.json();
             
             const newData = jsonData[page];
@@ -22,10 +21,21 @@ function InfiniteScroll(props){
              
             if(page==='channels'){
                 if (newData.length > 0) {
-                    const components=newData.map((item)=>(
-                        <ChannelItem data={item}/>
-                    ));
-                    setItems(prevItem => [...prevItem, ...components]);
+                  const components = [];
+                  for (let i = 0; i < newData.length; i += 2) {
+                    const component = (
+                     
+                        <div className={InfiniteScrollStyles.itemContainer}>
+                        <div className={InfiniteScrollStyles.firstitem}>
+                        <ChannelItem props={newData[i]} /></div>
+                        <div className={InfiniteScrollStyles.seconditem}>{i + 1 < newData.length && <ChannelItem props={newData[i + 1]} />}</div>
+                        </div>
+                      
+                    );
+                    components.push(component);
+                    console.log('ne', newData[i]);
+                  }
+                  setItems((prevItem) => [...prevItem, ...components]);
                 }
               }else {
                 if(newData.length > 0) {    
@@ -35,6 +45,7 @@ function InfiniteScroll(props){
     
                     setItems(prevItem => [...prevItem, ...components]);
                 }
+                console.log(`/api/${page}${queryString1}`);
             }  
 
         } catch(error){
@@ -44,6 +55,7 @@ function InfiniteScroll(props){
 
     useEffect(() => {
         initialFetchData(); // 최초 렌더링 시에 데이터 가져오기
+        console.log(`/api/${page}${queryString1}`);
     }, [page, queryString1, queryString2]);
 
     const fetchData = async ()=>{
@@ -61,15 +73,21 @@ function InfiniteScroll(props){
   
             if(page==='channels'){
                 if (newData.length > 0) {
+                  const components = [];
                   for (let i = 0; i < newData.length; i += 2) {
                     const component = (
-                          <div key={i} className="channelItemRow">
-                            <ChannelItem data={newData[i]} />
-                            {i + 1 < newData.length && <ChannelItem data={newData[i + 1]} />}
+                     
+                        <div className={InfiniteScrollStyles.itemContainer}>
+                        <div className={InfiniteScrollStyles.firstitem}>
+                        <ChannelItem props={newData[i]} /></div>
+                        <div className={InfiniteScrollStyles.seconditem}>{i + 1 < newData.length && <ChannelItem props={newData[i + 1]} />}</div>
                         </div>
+                      
                     );
-                        setItems((prevItem) => [...prevItem, component]);
+                    components.push(component);
+                    console.log('ne', newData[i]);
                   }
+                  setItems((prevItem) => [...prevItem, ...components]);
                 }
               }else {  
                 if(newData.length > 0) {    

src/components/recruit/createRecruit.js

@@ -20,10 +20,10 @@ function CreateRecruit({ isOpen, onClose }){
     });
 
     const [timeData, setTimeData] = useState({
-        startHour: '',
-        startMinute: '',
-        endHour: '',
-        endMinute: ''
+        startHour: null,
+        startMinute: null,
+        endHour: null,
+        endMinute: null
     });
 
     const handleInputChange = (e) => {
@@ -54,19 +54,22 @@ function CreateRecruit({ isOpen, onClose }){
     };
 
     const handleSave = () => {
+        if(formData.data.timeCategory === "D"){
             handleSubmit({
                 ...formData,
                 data: {
                     ...formData.data,
-                startTime: `${timeData.startHour|| '00'}:${timeData.startMinute || '00'}`,
-                endTime: `${timeData.endHour|| '00'}:${timeData.endMinute || '00'}`,
+                    startTime: `${timeData.startHour}:${timeData.startMinute}`,
+                    endTime: `${timeData.endHour}:${timeData.endMinute}`,
                 }
             });
+        }else{
+            handleSubmit(formData);
+        }
     };
 
     const handleSubmit = async (formData) => {
 
-
         if(formData.data.title === ''){
             alert('제목을 입력해주세요.');
             return;

src/components/recruit/modifyRecruit.js

@@ -52,6 +52,7 @@ const ModifyRecruit=({isOpen, onClose, data})=>{
     };
 
     const handleSave = () => {
+        if(formData.info.timeCategory === "D"){
             modifyInfo({
                 ...formData,
                 info: {
@@ -60,6 +61,9 @@ const ModifyRecruit=({isOpen, onClose, data})=>{
                     endTime: `${timeData.endHour|| '00'}:${timeData.endMinute || '00'}`,
                 }
             });
+        }else{
+            modifyInfo(formData);
+        }
     };
 
     const modifyInfo = async (formData)=>{

src/components/recruit/recruitList.js

@@ -162,6 +162,7 @@ function RecruitList(){
 
     useEffect(() => {
         setForceRender((prev) => !prev);
+        console.log('Component has been re-rendered');
     }, [generatedUrl, firstQueryString, secondQueryString])
     
     return(

src/pages/join.module.css

@@ -80,8 +80,7 @@
     
     margin-left: 15px;
     margin-top:-20px;
-    margin-bottom: -30px
-
+    margin-bottom: -30px;
 }
 
 .input_with_img img{